WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

This should be a simple task, however I am having no such luck. I am using a theme that has a homepage slider which spans across the entire content area. I have been asked to reduce the size of the slider and move the sidebar up next to it. I've attempted to call the sidebar in different and seemingly logical locations but the page breaks.

Any help would be much appreciated. index.php code here: http://pastebin.com/9FMWL7cC. Style sheet and site URL in comments if needed.

share|improve this question
Style.css here pastebin.com/zChS6Q9J – alex Mar 16 '12 at 20:27
site URL here: mefo1.ecin1prod1lnx1.com – alex Mar 16 '12 at 20:28
up vote 0 down vote accepted

The best way is to move <div id="side"> outside of <div id="content">, so that you can properly position it next to the slider (<div id="lof-container">). Alternatively, you could do it with

#maincontent { overflow: visible; }
#side { margin-top: -300px; }

though this is pretty hackish.

share|improve this answer
Thanks Boone, I'll tinker around with this. Worst comes to worst, a little hackish may be called for. – alex Mar 16 '12 at 20:43
Perfect fix without going hackish. Thanks! – alex Mar 16 '12 at 20:57

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.