Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Left sidebar is hanging over the edge...

Hi,

If you visit my site @ http://villa-terrazza.com/2014NewSite/for-businesses on the left-hand sidebar you will notice a box below the green sidebar menu labeled "furnishing your escape". This element is hanging over the body of the page and also there is something blue behind it.

Any ideas on how to get it inside the sidebar so it doesn't hang over? And also, how to remove that blue image?

Thanks!

3 Answers

Short quick answer is to to put a min-height of 310px here

.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button

The blue image in the background is actually your facebook icon

Long answer is look at some of your markup and structure it better. Some of the css is with the negative margins will not hold up in all browsers.

So I adjusted some of the negative margins I had but I'm not seeing these classes:

".wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button"

Are they in Style.css?

.wpb_row { min-height: 310px; }

Just add that.

looks like it's in www.villa-terrazza.com/2014NewSite/wp-content/plugins/js_composer/assets/css/js_composer_front.cs

Thank you again Adam!

.

Putting padding-bottom on the "furnishing your escape" box maybe?