Solved

Change display of Product Page - Narrow Gaps between Text and change color of Tax note

KimGottwald
Pathfinder
137 0 20

Hello,

I would like to change the display of my product title, price and tax note from the second picture to the first. Means, narrow down the gaps and make the tax note grey.

 

I would really appreciate all answers! 🙂

 

My website: aliudclothing.com

 

desired design: https://www.6pmseason.com/collections/6pm/products/hoodie-yellow-1

 

Kind regards

Kim

Bildschirmfoto 2023-10-19 um 07.31.37.pngBildschirmfoto 2023-10-19 um 07.31.43.png

Accepted Solution (1)
Moeed
Shopify Partner
3884 982 1226

This is an accepted solution.

Hey @KimGottwald 

 

Remove the previous code and add this new code with the same steps.

 

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>
h1.product-single__title {
    margin-bottom: 0 !important;
}
.product-single__policies.rte {
    color: darkgray;
    margin-top: 0 !important;
}
.product-single__policies.rte a {
    color: darkgray !important;
    border-color: darkgray !important;
}
</style>

RESULT:

Moeed_0-1697695911862.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
3884 982 1226

Hey @KimGottwald 

 

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>
h1.product-single__title {
    margin-bottom: 0 !important;
}
.product-single__policies.rte {
    color: darkgray !important;
}
.product-single__policies.rte a {
    color: darkgray !important;
}
</style>

RESULT:

Moeed_0-1697695052362.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
KimGottwald
Pathfinder
137 0 20

Thank you, is it possible to make the line below the "Versandkosten"  also grey and narrowing down the gaps between the different text even more?

Moeed
Shopify Partner
3884 982 1226

This is an accepted solution.

Hey @KimGottwald 

 

Remove the previous code and add this new code with the same steps.

 

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>
h1.product-single__title {
    margin-bottom: 0 !important;
}
.product-single__policies.rte {
    color: darkgray;
    margin-top: 0 !important;
}
.product-single__policies.rte a {
    color: darkgray !important;
    border-color: darkgray !important;
}
</style>

RESULT:

Moeed_0-1697695911862.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️