ZERO the Margin on the Dawn theme for a Custom Liquid Section

DominantGraph
Tourist
6 0 1

Greetings Gurus, I'm using a Custom Liquid Section on my index page and simply want to ZERO the Margin to eliminate the gaps above and below.
Please advise

DominantGraph_0-1634573860581.png

 

{%- if template.name == 'index' -%}
  <h1 itemscope itemtype="http://schema.org/Organization">
{%- else -%}
  <div itemscope itemtype="http://schema.org/Organization">
{%- endif -%}

  <a href="/" itemprop="url">
    <img src="{{ "logo.svg" | asset_url }}"
      alt="{{ shop.name }}"
      itemprop="logo">
  </a>

{%- if template.name == 'index' -%}
  </h1>
{%- else -%}
  </div>
{%- endif -%}

  

Replies 11 (11)
Zworthkey
Shopify Partner
5581 640 1498

@DominantGraph 
by Using margin and padding you can remove the gap. 
Thank you.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
DominantGraph
Tourist
6 0 1

Please elaborate a bit.

Zworthkey
Shopify Partner
5581 640 1498

like margin-top:10px;
padding-bottom:20px;
or
@DominantGraph 
Kindly share your Site url. so i can help you.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
dmwwebartisan
Shopify Partner
10710 2337 3311

@DominantGraph 

Please share your store URL.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
DominantGraph
Tourist
6 0 1

This is the site: https://inevitabilitee.myshopify.com

the code is testing

It's the firts image at the top. Where do I put the code you mentioned?

like margin-top:10px;
padding-bottom:20px;

I'm a newbie

Zworthkey
Shopify Partner
5581 640 1498

Store is password protected.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
DominantGraph
Tourist
6 0 1
Zworthkey
Shopify Partner
5581 640 1498

Hii, @DominantGraph 
Paste this code on top of the base.css file.

section#shopify-section-template--15272167112939__1634552218f637ba57 h1 {
    margin-top: -70px !important;
}

Thank You.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
DominantGraph
Tourist
6 0 1

Thanks for your help, that snippet took care of the margin but broke a lot of other things!
It removed the 'Welcome to our store' section and screwed up the header margin.
It also removed the shading from the lower sections.

DominantGraph_0-1634577518716.png

Original (I only want that white gap gone where the red arrow is.

DominantGraph_1-1634577590560.png

 

 

Zworthkey
Shopify Partner
5581 640 1498

Hii, @DominantGraph 
Paste this code on top of the base.css file.

section#shopify-section-template--15272167112939__1634552218f637ba57 {
    margin-top: -35px !important;
}

Thank You.


If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
DominantGraph
Tourist
6 0 1

That's not working either "-35" Breaks other things and removes the welcome section at the top.