E2P Digital Posted December 24, 2013 Share Posted December 24, 2013 Hello! I am trying to style my page so that I have a full-width background image on my homepage behind the slider. I only want it to be on the main page like this example here: http://www.templatemonster.com/demo/44889.html My site is here: http://radiantbarrierkits.com/index.php Thank you! Link to comment Share on other sites More sharing options...
Paulito Posted December 24, 2013 Share Posted December 24, 2013 Good morning Your site comes up as 404, but I think all you need to do is add: body#index{ url to your image } in global.css Hope this may help Paul Link to comment Share on other sites More sharing options...
E2P Digital Posted December 24, 2013 Author Share Posted December 24, 2013 Good morning Your site comes up as 404, but I think all you need to do is add: body#index{ url to your image } in global.css Hope this may help Paul Hi Paul - thanks for replying. I had it in Maintenance mode...and is the code you show formatted exactly like you have it shown? Thanks again Link to comment Share on other sites More sharing options...
E2P Digital Posted December 24, 2013 Author Share Posted December 24, 2013 Good morning Your site comes up as 404, but I think all you need to do is add: body#index{ url to your image } in global.css Hope this may help Paul You've put me on the right track! I have to figure this out a little further though because I'm using an image already to create the full-width menu bar. So when I added the code you suggested, it overrides that image. I'm thinking I may have to create two separate background images: one with the full-width menu AND index image, and one as it it is now with just the full-width menu image... Thoughts? Link to comment Share on other sites More sharing options...
vekia Posted December 25, 2013 Share Posted December 25, 2013 in header.tpl right after <body> add another div <div id="myDiv"> in footer.tpl right before </body> close myDiv </div> then in styles use #index #myDiv {background:here url; display:block; width:100%; clear:both; overflow:hidden;} Link to comment Share on other sites More sharing options...
E2P Digital Posted December 27, 2013 Author Share Posted December 27, 2013 in header.tpl right after <body> add another div <div id="myDiv"> in footer.tpl right before </body> close myDiv </div> then in styles use #index #myDiv {background:here url; display:block; width:100%; clear:both; overflow:hidden;} Thanks for the reply but no luck. I followed instructions exactly. See attached. Thanks again Link to comment Share on other sites More sharing options...
vekia Posted December 28, 2013 Share Posted December 28, 2013 no luck? take a look what i see: Link to comment Share on other sites More sharing options...
E2P Digital Posted December 30, 2013 Author Share Posted December 30, 2013 no luck? take a look what i see: It didn't work as you provided instructions for. See I have an image to create the 100% menu bar. Your suggestion didn't work because the image on the homepage overrides the menu image. So it was not working correctly. What I had to do was add an additional image that incorporates the full width menu image and the homepage image. So in actuality, no - the original suggestion didn't work...but I appreciate your replies. Link to comment Share on other sites More sharing options...
grubybarti Posted June 2, 2017 Share Posted June 2, 2017 Is there a similar trick for Prestahop 1.7 ? I want to have different background only on homepage. 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