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 </body>

<style>
 .card-information .price__regular{
    font-size: calc(var(--font-heading-scale)* 1.3rem) !important;
}
</style>

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly