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

CSS

Posted by Louis Philippe Savard
Louis Philippe Savard
5,378 Points

Background image covering all background on left until 4 columns ?

Hi, I want to have a background image on the first 4 lefts columns of Bootstrap but overlapping the container all the way to the left. What is the best way to achieve that ?

On the 8 remaining columns on the right there will be my content.

1 Answer

Steven Parker
Steven Parker
243,656 Points
Steven Parker
Steven Parker
243,656 Points

Without seeing your code, my first thought is to apply the background to the enclosing container and make the image size combined with background-repeat: no-repeat constrain it to just the left side.

But this might not serve your condition of "overlapping the container all the way to the left". For that, you might need to apply the background to an absolutely-positioned element under the row.

Louis Philippe Savard
Louis Philippe Savard
5,378 Points

Her is a screen shot of the photoshop template https://drive.google.com/open?id=0B0_X2LEasNqrX0ZEVVVQZTNjTTQ

That was my first reflex, but it dosent align to the fourt column exactly : s