Overlapping content onto sidebar - Wordpress

3 replies
I have an adsense site at the moment and I've just installed the simplefolio theme with a few custom tweaks. I noticed on the blog posts - no sidebar is displayed, so i've used the wordpress editor and put a sidebar back onto blog posts. The only problem is that the blog post content is not 'reacting' to the sidebar being there, the text is still overlaying over the top of the sidebar

Is there anything I can do to the code so the text reacts and fits with the sidebar

Here is my sidebar code

<div class="sidebar">
        <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Widget') ) : ?>
        <?php endif; ?>
#content #overlapping #sidebar #wordpress
  • Profile picture of the author Jubu
    I'm just throwing out an idea, but look through the code of the theme for width of the body. That would be my first guess. just right click on the body and inspect the element to find out what to search for in the theme files.
    {{ DiscussionBoard.errors[6167887].message }}
  • Profile picture of the author Paul Short
    It sounds like the theme you chose is not meant to have a sidebar, so 'shoehorning' it in is not a solution.

    I suspect what you need to do is go into the style.css and assign a fixed width to the content column that leaves it narrow enough to accomodate the width of the new sidebar, then in that same area, add a float - float: right;

    Then in the stylesheet, find the area that controls the sidebar and add a width and float it to the right.

    However, try and be specific to the individual post page so as not to negatively affect the way your other pages display.

    Altering a theme can be a slippery slope and sometimes it's best to find a theme package and layout that does what you want out of the box, or hire someone proficient with WP theme alterations.

    Hope this helps

    I write stuff for marketers and my current clients keep me comfortably
    busy. But if you make me the right offer, I'll write stuff for you too.
    {{ DiscussionBoard.errors[6167924].message }}
  • Profile picture of the author MattBrighton
    Ah Thanks.

    Just found, the bit I need to be editing is

    <div class="content fullwidth"> and changing that to halfwidth

    Now, just to find it in the editor
    #1 BEAUTIFUL *Ultimate WSO Package: Graphic Design* Boost YOUR Sales & Conversions!
    Graphical WSO Sales Pages Convert 10% Higher. Why Haven't You Gone Graphical?

    >> The #1 Trusted Warrior Keyword Research Service - Rank Page 1 Google! <<
    Easy Keywords Means Easy Page 1 Google. Check It Out Today!
    {{ DiscussionBoard.errors[6167955].message }}

Trending Topics