Change size of price, featured collection

[ads18922]

Hello, I want to change the size of my prices on my featured collections so that they're the same size as the text, as currently they're bigger than the text

I am using dawn theme

This is my store domain: qmpryp-cx.myshopify.com

and this is my password: chasha

[devcoders]

Hello @ads18922 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css.
Add the provided code at the end of the file.

.product-card-wrapper .card__information {
    text-align: center;
}
.product-card-wrapper .card-information {
    text-align: center;
}
.product-card-wrapper .card__heading .full-unstyled-link {
    font-weight: bold;
}

[Beae_Cass]

Hello @ads18922 

I see this issue you have on Mobile Devices, right?

Please go to Online Store ->  Theme -> Select Edit Code -> Search for assets/base.css.
This is the code you can give a try:

@media screen and (max-width: 768px) {
  .product-card-wrapper .card__heading.h5 {
       font-size: 10px
}

You can change "10px" into the pixel you want.

Hope it will help!

[ads18922]

hello, this made the size of the text smaller, not the price

[DaisyVo · Accepted solution]

HI @ads18922 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

.price__regular span {
    font-size: calc(var(--font-heading-scale)* 1.3rem) !important;
}

Here is the result: https://prnt.sc/po00Uxq3Ablj

I hope this helps

Best,

Daisy 

[ads18922]

hello, this worked. However, once i added a sale to my items, the sale price is bigger than original price as shown in the image below:

Is it possible to make it look like this: