unne 0 Report post Posted March 10, 2011 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
bryan-hadaway 3 Report post Posted March 10, 2011 ` #content_sidebar .widget, #fullwidth_sidebar .widget { margin-bottom: 0; } ` Add to Custom Code > Custom CSS. If you want to tighten up some more pic up Firebug: http://www.pagelines.com/docs/changing-colors-fonts http://www.w3schools.com/css/ Thanks, Bryan Share this post Link to post Share on other sites
unne 0 Report post Posted March 11, 2011 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 3 Report post Posted March 11, 2011 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 0 Report post Posted March 11, 2011 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 0 Report post Posted March 11, 2011 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 2 Report post Posted March 11, 2011 Add this to your CSS to remove the line under the nav bar: #nav_row.main_nav { border-bottom: 0px; } alefba.usWeb Development & Design for Right-to-Left languages Share this post Link to post Share on other sites