Need help? Check out our Support site, then

CSS to widen center column and shrink side column

  1. Hello - I love the Watson Theme, the only change I want to make is to widen the center column and narrow the right hand column. I have the custom CSS package - and I see the stylesheet but I am obviously doing something off with my code. Can you please assist?

    The blog I need help with is

  2. ljkjklqljkhwhljkfqjhklfqjlkqjlh

    Hi there. Can you post the code that you are trying to use?

  3. ljkjklqljkhwhljkfqjhklfqjlkqjlh

    Ahh, I see the issue. Try using the following code:

    @media screen and (min-width: 900px) { .content, .content, body.archive .content, .content {
    width: 70;

    aside[role="complementary"] {
    width: 26%;



    You can play with the two percent values to get them to where you want them, but the numbers I put in are closer to what you're looking for.

  4. ljkjklqljkhwhljkfqjhklfqjlkqjlh

    Edit: sorry, the forum screwed up the formatting. There should be an additional "}" at the end of that code (inside the quote box)

  5. Andrew thank you this *almost* works. I was able to get the right hand side column to narrow but the code above shoved all of the center column text over to the right in a skinny column - even with the extra "}" added. Here is a link to what I see

  6. ljkjklqljkhwhljkfqjhklfqjlkqjlh

    Oops, I just realized there should be a % sign after 70 in the first CSS rule. Sorry about that.

  7. ljkjklqljkhwhljkfqjhklfqjlkqjlh

    It was setting the width to 70 pixels, not 70%.

  8. Thank you!!!!

Topic Closed

This topic has been closed to new replies.

About this Topic