Pilcrow Width CSS, novice. Help!

  • Author
    Posts
  • #1452508

    coleenmonroe
    Member

    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 reverseretrograde.com.

    #1452643

    cristovaov
    Member

    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.

    #1452678

    @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%;
    }
    #1452706

    cristovaov
    Member

    thx Richard for the input!

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

    cheers~

    #1452707

    @cristovaov, you are welcome, and many thanks for your help here in the forums.

The topic ‘Pilcrow Width CSS, novice. Help!’ is closed to new replies.