Right Sidebar moved to bottom of page

  • kwts

    #4910

    Hi,

    I have increased the container width on my site http://www.knowwhattosay.com to 1240px and selected the three column option under display column options and column width options. Columns are 240 760 240. I have also disabled the slider.

    The sidebar is now showing under the homepage main content, can anybody help me resolve this?

    Also, when I change to the two column option with left sidebar the main content pane on the homepage is moving to the bottom of the page?

    Do I need to make any adjustments to the code and if so where do I make these? I have a basic knowledge but am new to this! I have looked through the forum for this topic but found nothing that applied to my particular issue.

    Many thanks for the theme and for the help.

    Mod

    Kenneth John Odle

    #29796

    In general, this kind of issue is caused by an unclosed </div> in one of your text widgets. I don’t see this issue on your site now, however. Did you resolve it already?

    kwts

    #29797

    Hi Kenneth,

    Thanks for your help.

    No I still have the issue. I have just added a sidebar one widget to demonstrate what is happening.

    I do have a basic knowledge of html and css (still learning) but I have not changed any of the actual code on the site as yet apart from adding some custom css to hide the title – .post-title, .post-title a, .post-title a:visited {display: none;

    Could you let me know where I would find the text widget </div> that might be causing the issue to check it? I am also using a child theme, if you need this information.

    Thanks, Sasha.

    Mod

    Kenneth John Odle

    #29798
    Quote:
    1240px and selected the three column option under display column options and column width options. Columns are 240 760 240

    Apparently, I should have done the math: 240 + 760 + 240 = 1240. Which sound like everything fits, right?

    Wrong. Padding, borders, and margin add to the size of a container. In other words, they go on the outside of the container, not the inside. And the main content and the sidebars have padding.

    You could add to your child theme style sheet to eliminate the padding, but that would make things look weird. Try a width of 700 px for the content and everything should be fine.

    In future, you should just use the sliders to adjust the width, rather than entering values in the boxes, as they will take care of the padding, borders, and margins.

    Cheers

    Mod

    Kenneth John Odle

    #29799

    BTW, center-justified text can decrease readability, especially in wide paragraphs.

    kwts

    #29800

    Kenneth you are a star, that worked perfectly. Thank you very much.

    I’ve been debating center-justified text, when I left justified I had complaints that it didn’t look as nice :s I will probably be adding some images though so will see then :o)

    Mod

    Kenneth John Odle

    #29801

    You can add images to help break up big blocks of text, or you can use the <multicol> tag to break text up into columns. You could also add some more padding to the content section.

    kwts

    #29802

    Thanks Kenneth, I will experiment with those ideas and see what looks best :o)

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!