How to change product titles to all caps in Dawn theme?

Store Design
1

Hi there,

Would like to adjust product titles in collection pages & product pages to all CAPS.

Is there a way to change the facing of this without manually adjusting font from the Shopify Master?

1 Like
2

Hey @GIREGGIA .

Thanks for reaching out.

In order to change the font to caps, you will need to change the product, collection and navigation titles to caps. As for example, if you have a collection called “Best Selling Products”, you will need to change it to “BEST SELLING PRODUCTS” from within the Shopify Admin. Once those titles have been changed internal dashboard, you should notice that the online store font is now displaying the titles in caps.

Let me know if that does the trick.

1 Like
3

Hello @GIREGGIA ,
Go to your theme, press Action and select Edit Code.
Find file “component-card.css” in the Assets folder and open it.

Put code below to the bottom of css file and save:

.collection .product-grid .card-wrapper h3{
text-transform: uppercase;
}
4 
.full-unstyled-link {
    text-decoration: none;
    color: currentColor;
    display: block;
    text-transform: uppercase !important;
}

@GIREGGIA
Add this code in the base.css

3 Likes
5

Thx @Zworthkey , that works. Is there a way to affect the product pages as well?

1 Like
6 
h1.product__title {
    text-transform: uppercase !important;
}

@GIREGGIA
Add this code in the base.css

1 Like
7

perfect thx @Zworthkey

1 Like
8

@GIREGGIA
I have messaged you something in privately.

You can check

9

sorry @Mgroup that didn’t seem to work but it’s been resolved now :slightly_smiling_face: