HH Services Limited Posted April 12, 2016 Share Posted April 12, 2016 Hello, How to the get home text editor (it applies to other modules as well) closer to the top menu? Please see pict: So that it looks like this?: Thank you Link to comment Share on other sites More sharing options...
Prestachamps Posted April 12, 2016 Share Posted April 12, 2016 Hi, you have to edit the file: /themes/default-bootstrap/css/global.css add at the end of it this line : header { padding-bottom: 0px!important; } this will lower the distance in every page between the menu and content from 15px to 0; if you want this distance to be applied only to index page then this line should be: BODY#index header { padding-bottom: 0px!important; } another distance you can lower is the editorial block's H1 title's topmargin for this, add another line in the global.css: #editorial_block_center>.rte>h1{ margin-top:0px!important } Don't forget to clear cache of prestashop : backoffice->advanced parameter->performance : clear cache Regards, Leo 1 Link to comment Share on other sites More sharing options...
tdr170 Posted April 12, 2016 Share Posted April 12, 2016 You can also change the padding-top:15px to a lower number in the same global.css file look for #columns this will remove/lower the padding from the center column. 1 Link to comment Share on other sites More sharing options...
Dh42 Posted April 12, 2016 Share Posted April 12, 2016 A better way would be to use our free css module to do it. Then you don't have to edit core files. https://dh42.com/free-prestashop-modules/prestashop-free-css-module/ Link to comment Share on other sites More sharing options...
HH Services Limited Posted April 12, 2016 Author Share Posted April 12, 2016 Thank you to both of you. header { padding-bottom: 0px!important; } this will lower the distance in every page between the menu and content from 15px to 0; I think that it should be: #header { padding-bottom: 0px!important; } I placed it to the end and tested without making any changes on the front office. However, #editorial_block_center>.rte>h1{ margin-top:0px!important } placed to the end reduces the space nicely in all pages. Then I tried: change the padding-top:15px to a lower number in the same global.css and it reduced it even more. Now it is a matter of how much... Thank you, I think that the foro changed the rules and we cannot mark the post as solved..? Link to comment Share on other sites More sharing options...
Dh42 Posted April 12, 2016 Share Posted April 12, 2016 It adds the code at the bottom of the header hook, the way CSS works is it is loaded from the top down. So this will add it last, and it will override the other styles. That way you don't have to edit core files and you can still upgrade without any issues. 1 Link to comment Share on other sites More sharing options...
HH Services Limited Posted April 12, 2016 Author Share Posted April 12, 2016 A better way would be to use our free css module to do it. Then you don't have to edit core files. https://dh42.com/free-prestashop-modules/prestashop-free-css-module/ How does it know where to make the changes? It just shows a space to throw the code, but how does it know where to apply it? Link to comment Share on other sites More sharing options...
HH Services Limited Posted April 12, 2016 Author Share Posted April 12, 2016 Cool!! Thanks 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