Decrease Section Heights

[shaylap]

Hello,

my website is shaylarenaelettering.com 

the password is shayla

I am wanting to decrease the height of the -Shop Collections, -Crewneck Sweatshirt(product spot), and - testimonials. I'm wanting the edge of those sections to be quite a bit closer to the word/pictures. More like the Meet the Maker section.

Could someone please give me the code for this? 

I'm pretty sure the classes are feature-row, collection-list, and highlight-section, but I'm unsure! 

Thanks so much,

Shayla

[PageFly-Noah · Accepted solution]

Hi @shaylap 

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
div#shopify-section-458e4a3b-edd3-46d8-bda8-63ba2b2dbd94 .collection-list, div#shopify-section-1486649811524 .featured-product__wrapper, div#shopify-section-49f2024c-0f8b-4166-aa5c-5c341d24550f .feature-row__item.feature-row__text {
padding: 20px 0;
}
</style>

Hope this can help you solve the issue 

Best regards,

Noah | PageFly

[shaylap]

Thanks so much, Noah. 

It did make me More about the Business section a little shorter than I wanted. Is it possible to fix that? 

[PageFly-Noah]

Hi @shaylap  Glad to hear it's help.

You can increase the value 20 to higher, like 40-60 to make more space on the section height