BsT- Posted April 29, 2015 Share Posted April 29, 2015 Hello all, First time ever I post on a forum, sorry if my question seems dumb ! I'm using a module designed for private-sales that changes my homepage. It basicaly displays several containers on homepage used to introduce the privates sales. My problem concerns the image background within the containers. When I'm on full screen, no issue. But if I reduce my navigator window, the background color appears on top of container because the image doesn't take the full height of the container. See the picture attached to understand what I mean. Thanks a lot for your help. CSS : element.style {background: url("/modules/privatesales/img/1/1_1.jpg") no-repeat scroll 0 bottom / contain rgba(0, 0, 0, 0); min-height: 217px;} .content_scene_cat .content_scene_cat_bg { background-color: #464646 !important; padding: 18px 10px 10px 42px; HTML : <div style="background:url( /modules/privatesales/img/1/1_1.jpg) 0 bottom no-repeat; background-size:contain;min-height:217px;" class="content_scene_cat_bg"> Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now