Shopify themes, liquid, logos, and UX
To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more
Hi Shopify Experts,
I'd like to ask how can I put some space below with this format?
Solved! Go to the solution
This is an accepted solution.
hello @NateX
add span tag and add margin-top in your <h1> tag like this
<h1 style="line-height:20px;"><span style="margin-top:10px";> heading here </span></h1>
This is an accepted solution.
hello @NateX
update your code to the below code
<div class="one-six small--one-whole center" style="opacity: 1; margin-bottom: 50px; display: inline-block;">
<img style="padding-left:50px; width: 130px;" src="{{ 'tree-small.svg' | asset_url }}" />
<img style="padding-left:50px; width: 130px;"src="{{ 'tree-small.svg' | asset_url }}" />
<img style="padding-left:50px; width: 130px;" src="{{ 'tree-small.svg' | asset_url }}" />
<img style="padding-left:50px; width: 130px;" src="{{ 'tree-small.svg' | asset_url }}" />
<img style="padding-left:50px; width: 130px;" src="{{ 'tree-small.svg' | asset_url }}" />
<img style="padding-left:50px; width: 130px;" src="{{ 'tree-small.svg' | asset_url }}" />
</div>
add line hight in your <h1> tag lik this
<h1 style="line-height:20px;"> heading here </h1>
Thanks!
Thanks. It does work on desktop, can you also help me to align the trees on mobile version?
This is an accepted solution.
hello @NateX
add span tag and add margin-top in your <h1> tag like this
<h1 style="line-height:20px;"><span style="margin-top:10px";> heading here </span></h1>
Thanks, that did work, what about for these trees on mobile? Seems they are not centered - 3 trees
This is an accepted solution.
hello @NateX
update your code to the below code
<div class="one-six small--one-whole center" style="opacity: 1; margin-bottom: 50px; display: inline-block;">
<img style="padding-left:50px; width: 130px;" src="{{ 'tree-small.svg' | asset_url }}" />
<img style="padding-left:50px; width: 130px;"src="{{ 'tree-small.svg' | asset_url }}" />
<img style="padding-left:50px; width: 130px;" src="{{ 'tree-small.svg' | asset_url }}" />
<img style="padding-left:50px; width: 130px;" src="{{ 'tree-small.svg' | asset_url }}" />
<img style="padding-left:50px; width: 130px;" src="{{ 'tree-small.svg' | asset_url }}" />
<img style="padding-left:50px; width: 130px;" src="{{ 'tree-small.svg' | asset_url }}" />
</div>
Perfect! Yeah, that did work. Thanks a lot!!!
User | RANK |
---|---|
113 | |
85 | |
68 | |
67 | |
45 |
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