Why are some headers still appearing bold despite code adjustments?

Technical Q&A
1

I uploaded a customized font to my website, some headers were uploaded with a bold weight.

I have added code to make the headers normal however - a few still show up bold for example on the ‘contact page of my website’.

What do I need to add to my code to make sure that I also get those bold ones.

Untitled 2.jpg
Untitled 2.jpg1888×426 36.9 KB

Website: https://kindredpeople.myshopify.com/

Password: hellohello

/* code for making font weight normal start */

h1.feature-header.align-left.cc-fade-in-up.cc-animate-init.feature-header–visible.-in.cc-animate-complete, h2.line-1.cc-fade-in-up.cc-animate-init.-in.cc-animate-complete, h2, h3, h4, h5, h6, p, body, a, .btn, .under-cart, .subtotal, blockquote,.apb_text_columns_with_images_section, .apb_text_columns_with_images_heading {
font-weight: normal;
}

/* code for making font weight normal end */

2

Hi @kindredpeople ,

You can change to code, it will work fine:

h1.feature-header.align-left.cc-fade-in-up.cc-animate-init.feature-header--visible.-in.cc-animate-complete, h2.line-1.cc-fade-in-up.cc-animate-init.-in.cc-animate-complete, h2, h3, h4, h5, h6, p, body, a, .btn, .under-cart, .subtotal, blockquote, .apb_text_columns_with_images_section, .apb_text_columns_with_images_heading {
    font-weight: bold !important;
}

Hope it helps!

1 Like
3

Hi @kindredpeople ,

I saw you liked my answer. If it helped you solve your issue, please mark it as a solution. Thank you and good luck.