The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

Siderbar wraps below content (6 posts)

  1. dcdamron4444
    Posted 7 years ago #


    For some reason (prob my screw up) the code in my Tropicala theme website for my sidebar keeps wrapping under the content when content stops. The blog is fine because there is much more content there. But my Home page does not have a lot of content so it wraps. Any ideas on how to fix that.



  2. stvwlf
    Posted 7 years ago #


    Add this line to the bottom of your CSS file style.css
    ul#sidebar { float: right; width: 200px; }

    That should do it.

    By the way, the search forms and Paypal that have been added to your site were not placed in the sidebar section. The site works OK as it is, but things added to the sidebar area really should be added into sidebar.php or whatever the name of your theme's sidebar file is.

  3. dcdamron4444
    Posted 7 years ago #

    Thanks for the help man. That worked for the sidebar issue.

    As for the search form and paypal section, I placed those codes in my sider.php . The one problem I was having though is that I could only add it to the top or bottom. My whole sidebar is widgetized so I cant access my code on editor on wordpress. It seems pre-built in the theme. Any sugg's.

    Thanks again...

  4. John LaSala
    Posted 7 years ago #

    Hey there, folks. From dcdamron4444's description, I'm having the same problem where my right sidebar wraps below the content on pages where the content is shorter than the length of the sidebar.

    So, everything looks fine on a page like this: http://veryusartists.com/blog/category/miscellaneous-update

    But things get wonky on a page like this: http://veryusartists.com/blog/category/audience-participation

    I tried stvwlf's suggestion to put that code at the bottom of my style.css, but that solution does nothing for my (now severly modified) WordPress default theme-based blog.

    Any suggestions would be very much appreciated.

  5. kmessinger
    Forum Moderator
    Posted 7 years ago #

    Change your #sidebar magin-left to 645px and your width to 180px.

    One of many ways. You can also change your narrowcolumn width, etc.

  6. John LaSala
    Posted 7 years ago #

    Thanks for the reply, kmessinger. It took me a while to hunt down just which instance of sidebar width to change, but once I found it, it worked! You're a genius! Also, 650px turned to be the better margin-left number, and nothing's amiss if I leave the sidebar width at 190px where I had it.

    Thanks again!

Topic Closed

This topic has been closed to new replies.

About this Topic