Spacing between Rows on Homepage


#1

Hello,

There seems to be a bunch of extra gray spacing between the background images being used for the various rows of the homepage (see screenshots). Any suggestions?

Thank you.
Screenshots:


#2

Hi,

Please post a link to your website, so we can check.

Best Regards,
Csaba


#3

#4

Hi,

Please try to use larger images as your backgrounds for parallax sections, the image is covering only the section, so larger images may resolve your issue or you can use this Custom CSS to repeat the background image where it doesn’t present:

.panel-row-style {
    background-repeat: repeat !important;
}

Add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: https://wordpress.org/plugins/simple-custom-css/ so you will not loose the changes on theme updates.

Best Regards,
Csaba


#5

Will do. Any recommendations for minimum image sizes?


#6

Hi,

High images may be better, so try something like 1800x3000px ( portrait images ).

Best Regards,
Csaba