How to get the home text editor (it applies to other modules as well) closer to the top menu?

[HH Services Limited]

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

 

[Prestachamps]

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

[tdr170]

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.

[Dh42]

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/

[HH Services Limited]

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..? 

[Dh42]

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. 

[HH Services Limited]

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?

[HH Services Limited]

Cool!! Thanks