Solved

Decreasing price size in featured collection - dawn theme

konyhakompassz
Tourist
8 0 1

Hello! 

 

So my problem is that on the home page of my website the size of price in the featured collection is huge, so I would like to decrease it. However, nothing seems to work.

 

Another issue is that some of the prices are not aligned with the others, I am not sure if that is because of the picture size or the title lenght, but it looks kind of sloppy right now. 

 

My website: https://www.konyhakompassz.com/

 

Thank you very much for your help in advance!

Anna

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
1760 493 363

This is an accepted solution.

Oh! A little priority issue on your site.

 

Just replace the previous code with this one and it will do the trick

 

<style>
body .price-item {
    font-size: 1em !important;
}

.card__information {
    margin-top: auto !important;
}
</style>

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website

View solution in original post

Replies 4 (4)

ThePrimeWeb
Shopify Partner
1760 493 363

Hey @konyhakompassz,

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
.price-item {
    font-size: 1em !important;
}

.card__information {
    margin-top: auto !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1710873043233.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
konyhakompassz
Tourist
8 0 1

Hello! Thank you so much! It did put the prices into one line so it looks much better, however it unfortunately did not reduce the size of the price.

ThePrimeWeb
Shopify Partner
1760 493 363

This is an accepted solution.

Oh! A little priority issue on your site.

 

Just replace the previous code with this one and it will do the trick

 

<style>
body .price-item {
    font-size: 1em !important;
}

.card__information {
    margin-top: auto !important;
}
</style>

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
konyhakompassz
Tourist
8 0 1

Thank you, it's perfect!