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 |
---|---|
219 | |
53 | |
50 | |
28 | |
26 |