How can I un-bold body text? Dawn Theme 8.0

Solved

How can I un-bold body text? Dawn Theme 8.0

Swimmer2Swammer
Excursionist
12 1 0

Cannot seem to change it back to normal. I had some work done by an s.expert and while most things were fine, this was somehow changed and I can't UN-bold it (I tried theme settings and it's not that). It's one of the system fonts, but they all go bold when I change them.


Where is this in the theme code? All body text is bold.

Thanks in advance.

Screen Shot 2023-02-23 at 11.27.20 AM.png

Accepted Solutions (2)
PageFly-Victor
Shopify Partner
7865 1785 3094

This is an accepted solution.

Hi @Swimmer2Swammer ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-main-product.css->paste below code at the bottom of the file:

.product-form__input input[type=radio]+label {
    font-weight: lighter;
}
.product__description.rte.quick-add-hidden{
    font-weight: lighter;
}

Hope my answer will help you.

Best regards,

Victor | PageFly

View solution in original post

Swimmer2Swammer
Excursionist
12 1 0

This is an accepted solution.


@PageFly-Victor wrote:

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-main-product.css->paste below code at the bottom of the file:

 

.product-form__input input[type=radio]+label {
    font-weight: lighter;
}
.product__description.rte.quick-add-hidden{
    font-weight: lighter;
}

 

Hope my answer will help you.

Best regards,

Victor | PageFly


Using the above as a template to the code, I found the (dir?? I don't know the name of what designates each area) for every section I needed fixed (including your other reply), added the {part} and pasted the entire thing at the bottom of ->Asset->/section-main-product.css file and it worked! Thank you!!

View solution in original post

Replies 14 (14)

PageFly-Victor
Shopify Partner
7865 1785 3094

Hi @Swimmer2Swammer 

Please share your store URL. So that we can help you.
Thank you.

PageFly-Victor
Shopify Partner
7865 1785 3094

This is an accepted solution.

Hi @Swimmer2Swammer ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-main-product.css->paste below code at the bottom of the file:

.product-form__input input[type=radio]+label {
    font-weight: lighter;
}
.product__description.rte.quick-add-hidden{
    font-weight: lighter;
}

Hope my answer will help you.

Best regards,

Victor | PageFly

Swimmer2Swammer
Excursionist
12 1 0

Hi, I am going to try but I hope I didn't give the impression it's *just* the product description. It's ALL the body text on the product page - recommendations, collapsible tabs, reviews text, etc. Any advice?

 

Swimmer2Swammer
Excursionist
12 1 0

That did it! Thank you!!

 

Swimmer2Swammer
Excursionist
12 1 0

Spoke too soon. The product page body text is still bold. Thanks though.

 

PageFly-Victor
Shopify Partner
7865 1785 3094

Have you fixed it yet? I went to your page but was access denied

Swimmer2Swammer
Excursionist
12 1 0

No I haven't found a solution yet. Sorry, an app was blocking access, can you try again?

Thank you in advance.

Swimmer2Swammer
Excursionist
12 1 0

No I haven't found a solution yet. Sorry, an app was blocking access, can you try again?

Thank you in advance.

PageFly-Victor
Shopify Partner
7865 1785 3094

You can add this code to section-main-product.css :

.product__accordion .accordion__content {
   font-weight: lighter !important;
}

PageFlyVictor_0-1677519964945.png

 

Swimmer2Swammer
Excursionist
12 1 0

Thank you. Grateful for your help. If I may ask: is there something that would affect the entire Product page? It's all the body/secondary font text: recommendations, collapsible tabs, reviews, footer text, ect.

or would I have to piecemeal each section? 

PageFly-Victor
Shopify Partner
7865 1785 3094

Yes, it will affect the entire product page. You won't need to do it manually for each page

Swimmer2Swammer
Excursionist
12 1 0

I mean: will it affect the entire Product page? (tabs, reviews, footer text, ect.) All text that is the Secondary text / body text on the product page is bold.

BTW, I did apply that code and it worked on the tabs. Even if that's the best I can get, I'm very appreciative of your help.

Swimmer2Swammer
Excursionist
12 1 0

This is an accepted solution.


@PageFly-Victor wrote:

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-main-product.css->paste below code at the bottom of the file:

 

.product-form__input input[type=radio]+label {
    font-weight: lighter;
}
.product__description.rte.quick-add-hidden{
    font-weight: lighter;
}

 

Hope my answer will help you.

Best regards,

Victor | PageFly


Using the above as a template to the code, I found the (dir?? I don't know the name of what designates each area) for every section I needed fixed (including your other reply), added the {part} and pasted the entire thing at the bottom of ->Asset->/section-main-product.css file and it worked! Thank you!!