How do I change the font size for the collection description in Dawn theme?

Store Design
, ,
1

I love this theme but I wish the collection description was the same size as my product description. How can I change the font size?

https://www.laritual.com.au/collections/candles

1 Like
2

Hello @SJN ,

Go to Online store >> Edit code >> Assets >> base.css
Add this code below of base.css file

.collection-hero__text-wrapper p {
font-size: 14px !important;

}

3

Thank you! Unfortunately it hasn’t changed anything.

4

unfortunately it hasn’t worked :disappointed_face:

5

@SJN ,
This CSS not working because you add it wrong

MandasaTech_0-1668599942762.png
MandasaTech_0-1668599942762.png435Ă—130 2 KB

Remove this 4 link on base.css file.

Add this below code

body {
    font-size: 12px !important;
}
.collection-hero__text-wrapper p {
   font-size: 14px !important;
}
6

@MandasaTech sorry I forgot to tag you - but It didn’t work :disappointed_face:

7

@SJN
Bust you didn’t correct the CSS

Add this code bottom of the base.css file. right now ( } ) missing in your code that’s why code is not working.

body {
    font-size: 12px !important;
}
.collection-hero__text-wrapper p {
   font-size: 14px !important;
}
8

@MandasaTech I have removed the section you asked and replaced it with what you recommended above and it still isn’t working. I’m not sure which part I’m not understanding? You’re telling me to add it to the bottom of the base.css file, correct?

9

I’m not able to attach a screenshot but this is what is at the bottom of the base.css from line 2943

.button:focus-visible,
.button:focus,
.button.focused,
.shopify-payment-button__button–unbranded:focus-visible,
.shopify-payment-button [role=“button”]:focus-visible,
.shopify-payment-button__button–unbranded:focus,
.shopify-payment-button [role=“button”]:focus {
outline: solid transparent 1px;
}

.field__input:focus,
.select__select:focus,
.customer .field input:focus,
.customer select:focus,
.localization-form__select:focus.localization-form__select:after {
outline: transparent solid 1px;
}

.localization-form__select:focus {
outline: transparent solid 1px;
}
body {
font-size: 12px !important;
}
.collection-hero__text-wrapper p {
font-size: 14px !important;
}

10

Hi @SJN ,

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

Go to Online Store->Theme->Edit code theme.liquid paste my code before element

PageFlyVictor_0-1668659058541.png
PageFlyVictor_0-1668659058541.png1261Ă—574 50.1 KB

Hope my solution works perfectly for you!

Best regards,

PageFly

1 Like
11

@spage

Oh my god, I can’t thank you enough! So simple and easy. THANK YOU!!

1 Like
12

You’re most welcome!

I’m really glad to hear that it worked perfectly on your end :blush: