Shopify themes, liquid, logos, and UX
Return management just got easier! We’ve launched Customer Self-Serve Returns to all Shopify merchants. Click here to learn more!
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
{%- 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 -%}
Please elaborate a bit.
like margin-top:10px;
padding-bottom:20px;
or
@DominantGraph
Kindly share your Site url. so i can help you.
Please share your store URL.
Thanks!
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
Store is password protected.
the code is testing
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.
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.
Original (I only want that white gap gone where the red arrow is.
Hii, @DominantGraph
Paste this code on top of the base.css file.
section#shopify-section-template--15272167112939__1634552218f637ba57 {
margin-top: -35px !important;
}
Thank You.
That's not working either "-35" Breaks other things and removes the welcome section at the top.
User | RANK |
---|---|
134 | |
92 | |
77 | |
68 | |
44 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022