Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
I'm trying desperately to adjust the space highlighted below:
The closest I've got to achieving this, is adjusting the space below 'John William Waterhouse' instead of above it.
'Lady Of Shalott' is the product title, and 'John William Waterhouse' is the custom liquid that links to all products by the artist.
Solved! Go to the solution
This is an accepted solution.
Hey @PathoStudio
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.product__title {
margin-bottom: 20px !important;
}
</style>
RESULT:
If I managed to solve out your problem then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi,
You'll need to modify the CSS styling to adjust the space above the John William Waterhouse vendor link in your Liquid code. Try adjusting the paragraph's padding/margin with 10px and 5px.
Hi @PathoStudio.
Can you please share the website URL? If it's password-protected, a password would be needed, too. It would be much easier to debug.
This is an accepted solution.
Hey @PathoStudio
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.product__title {
margin-bottom: 20px !important;
}
</style>
RESULT:
If I managed to solve out your problem then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
That worked! Thank you 🙂
Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
I do actually have another issue, but I'm not sure it's as straightforward.
For seemingly no reason, there's a line break between my product title and vendor, but only for my Hasui Kawase products. I'm desperately trying to remove this space, but can't manage it without affecting the space of my other products. The screenshot shows how it affects the Kawase products but not the Caravaggio products.
Here is a link to the page:
And here you can see the custom css I've created for this section:
The 'margin-block-start' positions the vendor at a perfect distance under the title for all my products except for this Kawase products. Do you have any ideas?