Dear, using a grid row with 4 columns (in each column an image, the column is borderless) http://www.brunocover.it/CMS/wordpress/trikego/?page_id=691
on the desktop under the last image a horizontal row of space advances https://ibb.co/jyq6NSc
on laptop the effect increases, as you can see in the images https://ibb.co/7tsVRfH
How do you get rid of this annoying space? Thanks a lot. Best regards. Bruno
Hi Bruno ,
Can you try adding this CSS code in Quick CSS, located in Enfold > General Styling:
.page-id-691 #welcome {
margin-bottom: -1px;
}
Best regards,
Nikko
Hi Nikko. Your suggestion seems to solve the problem. Many thanks Nikko. Allow me one last question: do I have to adopt your method on each desired page using the page ID or is there the possibility of making a general css to be used on the whole site? Or better to use the single page method to avoid that the css also affects the rest of the layout? Thanks for your support and patience. Best regards. Bruno
Hi,
The CSS Nikko gave you targets a specific section on a specific page, you can try this CSS instead to see if it works applying it to your whole site:
.av-layout-grid-container {
margin-bottom: -1px;
}
Best regards,
Rikard
Hi Rikard: P E R F E C T ^__^ Thanks a lot. best regards. Bruno
ps: You can close this post. Thanks for your support
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon