Sidebars Not Showing Correctly

by kah22
2 replies
  • WEB DESIGN
  • |
Hi Guys hope you can help. Sometimes when I'm thinking about changing one of my sites I play around with it in a community blog I run for my local writers group. ABC Writers Network It doesn't attract much attention so the odd whoppsie for a short time is not that important.

OK so I decided to give Thesis 1.8 a trial run. Added the Network News skin and generally speaking I'm reasonably happy with the results to date. Tweaking has to be done, but then with a new design that's pretty standard.

The problem I'm having is with my sidebar: if you take a look at the site you will see that the sidebar on the home page is pushed down the page, while the sidebar on the inside appears as you'd expect.

In the css style sheet that came with the Network News skin the custom sidebar was declared thus:

.custom #sidebars {
margin-top: -248px;
}
That had the effect of showing the main page ok but pushing the sidebars in the rest of the side up through the header. When I changed the style to

.custom #sidebars {
margin-top: 0px;
}
That had the effect of pushing the inside sidebars down to where they should be and at the same time pushing the home page sidebar down the page. It is as you see it now.

I've tried various things but nothing seems to work. I'm thinking that if I had a custom style that would only affect the homepage then that would solve the problem, but I have little or no knowledge of css - anyone take a bash at writing one?

Any suggestions as to how I might fix this up - I'm anxious to start redesigning my other more important sites.

Kevin
#correctly #problem #showing #sidebar #sidebars
  • Profile picture of the author cmaclean
    This is because your sidebar div is within a #content_box div which has a width of 100%.

    You will need to remove the sidebar from the #content_box div, float it to the right, and set the #content_box div to a smaller width (ex. 650px)

    See attached image here: http://i52.tinypic.com/20u5n36.png
    {{ DiscussionBoard.errors[2672182].message }}
    • Profile picture of the author Harrison Ortega
      Kevin, there is no problem with the coding. It is just that you added the call to the Dynamic content gallery plugin in the wrong place. You need to add it in the follow location:
      PHP Code:
      <div id="content_box">
          <div class="hfeed" id="content">
            <?php dynamic_content_gallery(); ?>
      Right now you have this which is wrong:
      PHP Code:
      <?php dynamic_content_gallery(); ?>
      <div id="content_box">
          <div class="hfeed" id="content">
      Harrison
      Signature
      NJ web design / NJ Web Designer. MY Wordpress portfolio. 10 years of HTML/CSS - 6 years developing professional Wordpress websites. Currently not available for services.
      {{ DiscussionBoard.errors[2673476].message }}

Trending Topics