Reducing top padding on a single product section

Hi,

I have a product section below another section with the title for the products in it. The reason I've put the title in another section is because I have styles on the title text (the green underlines that I use across the site) that I can't create within the product title as I don't know how to get that style in CSS.

I want to reduce the top padding of the product section below so it is closer to the title section[data-section-id="6448e8b39f1d256fe08dc494"]

The site is live https://www.decisionspelling.com/. I just want to tweak this gap.

Thanks!

@Ziggy perfect, thanks so much!

I have another question. I have got a background image (the jumbled letters) at the bottom of my pages. There is a thin keyline that appears between the image and the footer, any ideas how to get rid of that, is that a padding issue?

I've found the answer to my own question... I just needed to change the settings to make 'inset border' and 'section divide stroke' transparent.

On 6/7/2023 at 7:26 AM, Ziggy said:

You can try adding this to Custom CSS:

 section[data-section-id="6448e8b39f1d256fe08dc494"] {
   .user-items-list {
     padding-top: 1vmax !important;
   }
}

Adjust the 1vmax value, and let me know if that's working for you.

@Ziggy Attempting this same solution on my site. Used your Custom CSS, and switched out the section-id number for the correct one, but it's not responding. Can you help me see what I'm missing? 

citychurchknox.com/teaching
password: churchisafamily

On 6/8/2023 at 9:26 PM, kentbateman1 said:

Attempting this same solution on my site. Used your Custom CSS, and switched out the section-id number for the correct one, but it's not responding. Can you help me see what I'm missing? 

citychurchknox.com/teaching
password: churchisafamily

You can use this CSS

div#block-yui_3_17_2_3_1471383568320_25999 {
    padding-top: 0px;
}