Add more space above Heading of pages - Flow Theme

Store Design
1

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
Screen Shot 2022-04-11 at 8.46.55 PM.png2370×502 73.8 KB

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

Thanks for all your help!

2

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

.grid__item
{
Padding-top: 30px !important;
}
3

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;
}
  1. Layout → /theme.liquid → paste code below into the tag 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.

4

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.