Pilcrow Width CSS, novice. Help!

coleenmonroe · Member · Sep 22, 2013 at 2:50 pm
Copy link

Add topic to favorites
I just upgraded, and want to make my content wider overall. I tried doing some CSS editing for Pilcrow I found on these forums, but it doesn’t appear to be working. Ideally I would like my content to cover most of the page.

Help? I’m very new to CSS editing.

I need help with http://reverseretrograde.com.

The blog I need help with is: (visible only to logged in users)
cristovaov · Member · Sep 23, 2013 at 1:41 pm
Copy link
Hi Coleen,
try this in your custom design:
```
#wrapper {
  margin: 0 auto;
  max-width: 100%;
}
.two-column #container {
  max-width: 100%;
}
```
you can play afterwards with the percentages to your likings.
thesacredpath · Member · Sep 23, 2013 at 11:41 pm
Copy link
@cristovaov, and @coleenmonroe, The pilcrow header is 990px wide, and the theme adjusts for browser window width, so I would suggest one change to @cristovaov’s code and limit #wrapper to 1080px instead of 100% (see below). That will keep the responsive nature of the theme and header intact.
```
#wrapper {
    max-width: 1080px;
}
.two-column #container {
    max-width: 100%;
}
```
cristovaov · Member · Oct 16, 2013 at 10:55 am
Copy link
thx Richard for the input!

@coleenmonroe -I see you have changed theme in the meantime.
Perhaps this topic could be marked as closed.

cheers~
thesacredpath · Member · Oct 16, 2013 at 5:15 pm
Copy link
@cristovaov, you are welcome, and many thanks for your help here in the forums.

No items found.