Jump to content
Sign in to follow this  
unne

To much empty space below top full width sidebar

Recommended Posts

unne

I need to have a full width image below the main nav bar but above the main page content. Currently, I've used the full width sidebar and placed it above the text content for my pages. The problem is that there is way too much empty space below it. Please see my page: http://www.permanentinkproductions.com I've also tried keeping the full width sidebar in the header, but the result is the same - I end up with a bunch of unnecessary white space above the rest of my content. I've also tried other sidebars to no avail. Any suggestions for how to solve this? I'm guessing I'll need to mess with the code, right? If so, what do I need to add to which file? Thanks!

Share this post


Link to post
Share on other sites
unne

Thanks a lot. I appreciate it. This helped a bit. Got rid of 20 out of 70 pixels or so, but I'd still like to make it less. Maybe the page content section has padding above it that can also be reduced to 0. What would that code look like?

Share this post


Link to post
Share on other sites
bryan-hadaway

Everything looks tight now got it fixed? Or maybe there's a specific page/page type you still need to style more? Exact link please. Thanks, Bryan

Share this post


Link to post
Share on other sites
unne

Yes, I figured that much out. Started using Firebug and it wasn't quite as scary as I thought it would be :-) Now I've been trying to figure out how to get rid of the little line that goes across the page right under the main navigation as well as the line that goes at the end of the main text content of my homepage. I was able to remove the line from under the widget title "Featured Work" by adding the following code: .widget-title { border-bottom: 0 solid #E9E9E9; } but unfortunately, I've not been able to replicate that in those other two places. If you can help me with that, I think I'll be all set for a while :-) Thanks so much again for your help.

Share this post


Link to post
Share on other sites
unne

Never mind the one that goes under the text content, I figured that one out. Still working on the line under the main nav bar though...

Share this post


Link to post
Share on other sites
Sourena

Add this to your CSS to remove the line under the nav bar:

#nav_row.main_nav { border-bottom: 0px; }


alefba.us

Web Development & Design for Right-to-Left languages

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×