All things Shopify and commerce
Hello shopify experts,
Huge lines spacing is one of the annoying things within shopify. Now I am trying to reduce the lines spacing withing the Brand Information block in Trade theme. see pictures
also in the mobile version the text is not nicely shown as you can see here below. Is there a way to get rid of the Powered by shopify? of at least getting stuff nice presented.
thanks in advance
Solved! Go to the solution
This is an accepted solution.
Thanks for the info, check this one.
From your Shopify admin dashboard, click on "Online Store" and then "Themes".
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.footer-block__brand-info .rte h6 {
margin: 5px;
}
#shopify-section-sections--22748403925341__footer > footer > div.footer__content-bottom.scroll-trigger.animate--slide-in > div:nth-child(2) > div > small:nth-child(2) {
display: none;
}
@media only screen and (max-width: 749px){
.policies li a {
padding: 0px;
}
.policies li:before {
content: "";
padding: 0px
}
ul.policies.list-unstyled {
display: flex;
flex-direction: column;
}
}
And Save.
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Hi @MiyuStore
Would you mind to share your store URL? Thanks!
Hi @Made4uo-Ribe ,
Thanks for the quick reply. Here is my webshop URL: www.miramart.be
Kind regards,
This is an accepted solution.
Thanks for the info, check this one.
From your Shopify admin dashboard, click on "Online Store" and then "Themes".
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.footer-block__brand-info .rte h6 {
margin: 5px;
}
#shopify-section-sections--22748403925341__footer > footer > div.footer__content-bottom.scroll-trigger.animate--slide-in > div:nth-child(2) > div > small:nth-child(2) {
display: none;
}
@media only screen and (max-width: 749px){
.policies li a {
padding: 0px;
}
.policies li:before {
content: "";
padding: 0px
}
ul.policies.list-unstyled {
display: flex;
flex-direction: column;
}
}
And Save.
Result:
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Thanks @Made4uo-Ribe ,
I am happy so far with the results :D. Thank you for the quick support!
kind regards,
Welcome, Im not sure if that design what you mean. I just Arrange it.
there is only one small detail left. I would like to have things at the bottom nice and centered or even better if i can get the "2024, MiraMart" at the end. I tried to explain it in this screenshot
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025