Make price text same size as product title text

[golazocases]

I would like to make the price text on the collections page the exact same font size as the product title text on the collections page - for both mobile and desktop. But I want to make this change without effecting the price text on the product page.

URL golazocasesuk.myshopify.com

trade: theme

[suyash1]

@golazocases please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

.card-information .price-item .money{font-size: calc(var(--font-heading-scale)* 1.3rem);}

[BSSCommerce-HDL]

Hi @golazocases ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.css, base.css

Step 3: Add the following code at the end of the file → Save:

span.money.buckscc-converted.buckscc-money {
    font-size: 40px !important;
    font-weight: bold !important;
}

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[BSS-TekLabs]

• Here is the solution for you @golazocases
• Please follow these steps:

• Then find the base.css or theme.css file.
• Then add the following code at the end of the file and press ‘Save’ to save it.

#product-grid span.buckscc-money, #product-grid .full-unstyled-link {
      font-size: 15px !important;
}
@media only screen and (max-width: 600px) {
#product-grid span.buckscc-money, #product-grid .full-unstyled-link {
      font-size: 14px !important;
}
}

• Here is the result you will achieve:

• Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

[PageFly-Richard]

This is Richard from PageFly - Shopify Page Builder App

Hi @golazocases please add code here to change size :

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly