Shopify themes, liquid, logos, and UX
Hello,
I want to find out, how to reduce the spacing between the Title "Our Bestsellers" and the text beneath.
I had previously asked the same question, but the code provided doesn't work anymore (the code is still present within the theme).
The Text and title should be much closer, to achieve a neater look.
I am using the Dawn theme and this is my store url: justincase-de.com
Kind regards.
1. Go to your Store > Theme > click to edit code.
2. find this file "base.css " and open.
step 02:
1. Paste the code at the end of the file.
.isolate .rich-text.content-container .rich-text__text.rte {
margin-top: 0 !important;
}
.isolate h2.rich-text__heading.rte.h0 {
line-height: 60px !important;
}
this idea helps you
Thank you very much.
That worked!
Kind regards,
JustInCase
Hello @JustInCase-de
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
Sorry, after reviewing the website again, I've seen the code works for the desktop version, but messes up the mobile version.
This is how it currently looks like:
https://suiyijahiuvcktcj-64572260616.shopifypreview.com/ (I also tried the code provided by you, which gave me the same outcome as seen on picture).
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag </body>
<style>
@media screen and (min-width: 767px){
.section-template--17073459167496__rich_text-padding {
padding-top: 40px;
}
}
.isolate .rich-text.content-container .rich-text__text.rte {
margin-top: 0 !important;
}
.isolate h2.rich-text__heading.rte.h0 {
line-height: 60px !important;
}
</style>
Hope this answer helps.
Best regards,
Victor | PageFly
Hello,
thank you for your efforts!
Unfortunately that only worked for the desktop version, but totally messed up the mobile store version (view picture).
I am using the Dawn theme and this is the link to my theme copy, with the code applied:
https://suiyijahiuvcktcj-64572260616.shopifypreview.com/
Please help me to remove old code and add new code to theme.liquid
<style>
@media screen and (min-width: 1024px){
.section-template--17073459167496__rich_text-padding {
padding-top: 40px;
}
}
.isolate .rich-text.content-container .rich-text__text.rte {
margin-top: 0 !important;
}
.isolate h2.rich-text__heading.rte.h0 {
line-height: 60px !important;
}
</style>
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024