chicaneparts Posted June 4, 2014 Share Posted June 4, 2014 (edited) Hello, I want to change the footer as a matter of fact the part above the footer where the newsletterblock and socialblock module is. im gonna disable the newsletter module because we wont use it in the beginning and i want to move the socialblock module to the displaynav hook next to the login button. But then the greyblock is empty and the headtitles of the footer is coming there(in the light grey block). What i want is that its exact the same as in the picture(below) but then the light grey block is a thin line so make it smaller.... Is this possible? Thanks for any responds already Prestashop: 1.6.0.6 Edited June 5, 2014 by chicaneparts (see edit history) Link to comment Share on other sites More sharing options...
chicaneparts Posted June 5, 2014 Author Share Posted June 5, 2014 Nobody? When i turn off the socialblock module the footer head titles goes up. (Img2) When i remove all the text in the module and social links its a big light grey cap between the site and the footer....(img1) Hope someone can help me out i tried to found the right css file but cant find it. Link to comment Share on other sites More sharing options...
dioniz Posted June 5, 2014 Share Posted June 5, 2014 In themes/default-bootstrap/css/global.css find this .footer-container #footer .footer-block { margin-top: 45px; } and change margin-top to your needing. Link to comment Share on other sites More sharing options...
dioniz Posted June 5, 2014 Share Posted June 5, 2014 If you don't want that grey line .footer-container { background: url("../img/footer-bg.png") repeat-x scroll 0 0 #333333; } Remove this code Link to comment Share on other sites More sharing options...
chicaneparts Posted June 5, 2014 Author Share Posted June 5, 2014 On 6/5/2014 at 8:22 PM, dioniz said: If you don't want that grey line .footer-container { background: url("../img/footer-bg.png") repeat-x scroll 0 0 #333333; } Remove this code Thanks for the reply i tried this but nothing cleared the cache but its still the same first i tried to make it smaller (i only want the light grey aera smaller but then i pops down to the end off the footer so i changed that back. Then i tried to remove them line but its still there..... http://www.chicaneparts.nl Link to comment Share on other sites More sharing options...
dioniz Posted June 5, 2014 Share Posted June 5, 2014 Oh ok, now i see. You enabled theme6 in theme configurator so you need to change that line in this file: yourdomain/modules/themeconfigurator/css/theme6.css .footer-container { background: url("../img/footer-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); } .footer-container { background: none repeat scroll 0 0 #3F3F3F; } Link to comment Share on other sites More sharing options...
chicaneparts Posted June 6, 2014 Author Share Posted June 6, 2014 I will try that tonight because something went wrong on my website because i could not upload any pictures anymore in all modules on the site and couldn't login anymore in the admin part very strange so a fresh start would be the best option in my eyes.... Also i looked in the theme6.css what do i need to change to make the light grey bar smaller lets say i want just a thin line so you can see that its the footer? because i tried to find that code you posted but i only found this: .footer-container #footer #social_block { background: #3f3f3f; } .footer-container { background: #3f3f3f; } @media (min-width: 768px) { .footer-container { background: url(../img/footer-bg.png) repeat-x; } } .footer-container #footer #social_block ul li a:hover { color: #719f41; } #footer #newsletter_block_left .form-group .form-control { background: #3f3f3f; } #footer #newsletter_block_left h4, .footer-container #footer #social_block h4 { color: white; } .footer-container #footer h4, .footer-container #footer h4 a { color: #719f41; } .footer-container #footer .bottom-footer { color: #719f41; } .footer-container #footer .bottom-footer a { color: #719f41; } .footer-container #footer .bottom-footer a:hover { color: white; } Link to comment Share on other sites More sharing options...
dioniz Posted June 6, 2014 Share Posted June 6, 2014 Now you have default theme again. Change this: @media (min-width: 768px) { .footer-container { background: url(../img/footer-bg.png) repeat-x; } } to: @media (min-width: 768px) { .footer-container { background: url(../img/footer-bg.png) repeat-x 0 -30px; } } Change -30px to whatever suits you. Bigger number, thinner line 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