How to widden the main section of the page?

  • Resolved mrdenny

    (@mrdenny)


    9 years, 1 month ago

    I’ve got Encase installed, and I think it looks great on my site. However in the preview image it shows the content of the page at the full width. However on my site it’s leaving room for the widget bar on the right side of the page. As I have no widgets configured (and won’t) I want the content to stretch all the way across the screen.

    I already had to tweak the CSS because I wanted a shorter header image and by default it was replicating the image.

Viewing 5 replies - 1 through 5 (of 5 total)

  • You can add this to your custom CSS:

    #sidebar {
    display: none;
}

#content {
    float: none;
    width: 100%;
}

    The first one removes the sidebar because you won’t be using it anyway. And the second one extend the width of the content area to 100%.

    Thread Starter mrdenny

    (@mrdenny)

    OK, so that worked PERFECTLY!

    Since you’re probably still online, I’ve got another question as I know little about CSS. I’ve got tables on my pages which aren’t expanding to the size of the content so I’m getting some really ugly tables. Any idea on what I need to add to my custom CSS to fix it?

    Without actually seeing your table, it’s hard to say for sure. But try this code:

    #content table {
    width: 100%;
}
    Thread Starter mrdenny

    (@mrdenny)

    OK, that also worked perfectly. Thanks much.

    No problem, thanks for your plugins, too.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to widden the main section of the page?’ is closed to new replies.