Reducing top/bottom padding in parallax widget

Hi,
I would like to reduce the whitespace above & below the picture in the widget, and basically make the picture flush against the top/bottom borders of the widget(screenshot attached). How might I accomplish this? Thank you.

DJ

Hi DJ,

Thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

.shapely_home_parallax section.bg-secondary {
    padding: 0;
}

Best Regards,
Movin

Hi,
This solution worked great. However, it worked only in the case where the image is right-justified. Looks like in the case where the image is left-justified, the bg-secondary class isn’t explicitly declared in the CSS code. The following code worked for me for left-justified images:

#custom_shapely_home_parallax-12 section{
padding:0;
}

Thank you yet again for your insight!

DJ

You are always welcome here :slight_smile: