Hi, I’m creating a new collection and I’ve created a Collection Template for that. However, the Collection description is too small in terms of font size and I am unable to adapt that. The collection is not live yet. The theme I’m using is Dawn. (also when I preview the page, it often shows certain sentences in a different font than other sentences, it’s acting a bit weird). This is my site : https://www.catherinevanhullebusch.com
Topic summary
-
Issue: In a Shopify Dawn collection template, the collection description text appears too small, and preview shows inconsistent fonts across sentences. The collection is not yet live.
-
Proposed fix: In Shopify Admin > Online Store > Themes > Edit code, open base.css and add a CSS rule to control the description size: .collection-hero__description { font-size: 18px !important; }. Replace 18 with the desired size.
-
Font inconsistency: The store currently uses different fonts (e.g., Lora for the collection heading and Assistant for the description), likely due to theme customization. Assistance was offered to standardize or change fonts if needed.
-
Status: No confirmation from the original poster that the change was applied; outcome pending. Screenshots were included to show where to edit the CSS file.
- Hello, to change the font-size of the description on the collection page, please follow these instructions:
- Access your Shopify admin page => Choose themes
- Find the theme you are using, select Edit code
- In the code folder, search for the base.css file
Paste the following code at the end of the file
Note: You can replace the number 18 with the font size you desire.
.collection-hero__description {
font-size: 18px !important;
}
- Regarding the issue of different fonts, currently I see that your store uses different fonts. For example, the collection heading uses Lora font and the collection description uses Assistant font.
This may be because you have customized your theme. If you want to change the font part, please respond, we will help you @catherine24