Dawn Theme: Change Font For All Child Selectors Globally On Product Page

Store Design
1

I have installed custom fonts. They work for parent selectors defined via copied selectors in the base.css file.

I am working on product pages. Inside the product description, I want to use h3 and h4 headers. I cannot find a way to set those CHILD selectors as my custom font. Simply copying selectors and adjusting them one by one also doesn’t work. I seem not to be able to overwrite the parent selector.

In fact, I don’t want to adjust every h3 and h4 in my product description one by one. I have a few of each per product description and therefore I want to set them for all h3 and h4 inside the product descriptions globally. Inside the product descriptions, they’re all child elements and I can’t seem to be able to define them.

Help!

Thanks.

2

Hi @cars_and_planes ,

We need to fix this issue through CSS. Kindly share your store URL. We can help you.

3

https://decorateyourcar.com/ check it out there. Product pages.

@SmallTask

4

Hi @cars_and_planes ,

Do you want to change the H3 and H4 fonts in description ?

5

@SmallTask YES - in the product description.

6

You can replace Arial with any font you needed

Add this CSS code Online Store > Themes > Edit code > Assets > custom.css or theme.css.

.product__description h4 { font-family: 'Arial'; }
.product__description h3 { font-family: 'Arial'; }