Changing the font-size of the product name on collection pages (Dawn Theme)

[bellevo]

Hey, I would like to know how I can change the product name font-size on collection pages. I would appreciate any help with this! Thanks in advance.

My store: https://bellevodesign.com/collections/sheets?page=2

The issue:

[bellevo]

I managed to reduce the font-size on desktop view but I would still need help to change the font-size on MOBILE view if anyone knows how to fix this I would really appreciate it!

[BSSCommerce-HDL]

Hi @bellevo ,

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

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

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

[BSSCommerce-B2B]

Hi @bellevo

I’m glad you’re able to adjust the font size on desktop by yourself. Now, I’ll guide you through doing the same on mobile.

Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file base.css. Add the following CSS snippet to the end of the file.

@media screen and (max-width: 750px) {
    .full-unstyled-link {
        font-size: 10px
    }
}

You can adjust 10px to a different number if you want the text to appear larger or smaller.

The result I achieved.

If it helps you, please like and mark it as the solution.

Best Regards

[BSS-TekLabs]

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

• Then find the component-card.css file.
• Then add the following code at the end of the file and press ‘Save’ to save it.

@media only screen and (max-width: 750px) {
        .card__heading.h5 a {
            font-size: 12px !important;
        }
    }

• Here is the result you will achieve:

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