Custom CSS in Template - adjusting padding of an entire section, can it be done?

[hotify]

Hi all,

Wanting to reduce the padding on the section - but trying to override the classes in the ‘Custom CSS’ dialog box is not possible. Any other ideas for achieving this using the ‘Custom CSS’ input, or do I have to do it in the custom.css file?

the section that has the 50px padding I want to remove:

<section data-wetheme-section-type="template--product--info-columns" data-wetheme-section-id="template--16553858891934__94dc934f-a090-434d-8848-34e9385c4b67" data-slides-per-row="4" class="homepage-sections-wrapper homepage-sections-wrapper--white info-cols">

from the inspector:

here’s the padding I want to remove:

this is where I would prefer to make the change - in the Custom CSS template on the page.

thanks for any assistance.

[Liquid_xPert_SJ]

Hi @hotify Welcome to the Shopify Community,

Please put this code into your Custom CSS module shown in the above screenshot hopefully your issue will be resolve.

.homepage-sections-wrapper{
padding:50px;
}

Thanks