Re: Line spacing Brand Information block

Solved

Line spacing Brand Information block

MiyuStore
Tourist
8 0 2

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

 

 

lines spacing.PNGpowered by shopify.PNG

Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
6978 1661 2050

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:

Made4uoRibe_0-1716901859260.pngMade4uoRibe_1-1716901882703.png

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

Replies 6 (6)

Made4uo-Ribe
Shopify Partner
6978 1661 2050

Hi @MiyuStore 

Would you mind to share your store URL? Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
MiyuStore
Tourist
8 0 2

Hi @Made4uo-Ribe ,

 

Thanks for the quick reply. Here is my webshop URL: www.miramart.be

 

Kind regards,

 

Made4uo-Ribe
Shopify Partner
6978 1661 2050

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:

Made4uoRibe_0-1716901859260.pngMade4uoRibe_1-1716901882703.png

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
MiyuStore
Tourist
8 0 2

Thanks @Made4uo-Ribe ,

 

I am happy so far with the results :D. Thank you for the quick support!

 

kind regards,

Made4uo-Ribe
Shopify Partner
6978 1661 2050

Welcome, Im not sure if that design what you mean. I just Arrange it. 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
MiyuStore
Tourist
8 0 2

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

 

20.PNG