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

[KimGottwald]

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

[Moeed]

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:

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

Best Regards,
Moeed

[KimGottwald]

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 · 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:

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

Best Regards,
Moeed