Add more space above Heading of pages - Flow Theme

pjk3635
Tourist
13 0 2

Hi!

What code do I use to add more space above the heading of pages? Image attached:

Screen Shot 2022-04-11 at 8.46.55 PM.png

Here is the preview link: https://t4rey0ff3e2vi2r1-12859847.shopifypreview.com

 

Thanks for all your help!

Replies 3 (3)

DelightCart
Shopify Partner
1239 82 157

@pjk3635  Go to /assets/theme.min.css and past below css at bottom of file.

 

.grid__item
{
Padding-top: 30px !important;
}
Delight Cart - It's time to turn your visitors into loyal shoppers! 

Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.

Halothemes
Trailblazer
168 30 44

Hi @pjk3635 , 

 

You can try follow the instruction below:
1. Go to Online Store -> Theme -> Edit code.
2. Asset -> create separate css file for css code then paste code below in the file.
Ex: /custom.css

#shopify-section-template--15498658611363__main .sitewide--title-wrapper .page--title {
    margin-top: 30px;
}

3. Layout -> /theme.liquid -> paste code below into the tag <head></head> of the file:

{{ 'custom.css' | asset_url | stylesheet_tag }}

 

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.

HaloThemes - Top Premium Shopify Theme Provider
Ella Shopify Theme OS 2.0 - #1 Best Selling Shopify Theme of All Time
Want to try Shopify? Open a Store for FREE

AvadaCommerce
Shopify Partner
3879 839 968

Hi @pjk3635 ,

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.min.css->paste below code at the bottom of the file:

.page-main--wrapper {
     margin-top: 50px;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

banned