All things Shopify and commerce
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.
Solved! Go to the solution
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
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!!
Please share your store URL. So that we can help you.
Thank you.
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
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?
That did it! Thank you!!
Spoke too soon. The product page body text is still bold. Thanks though.
Have you fixed it yet? I went to your page but was access denied
No I haven't found a solution yet. Sorry, an app was blocking access, can you try again?
Thank you in advance.
No I haven't found a solution yet. Sorry, an app was blocking access, can you try again?
Thank you in advance.
You can add this code to section-main-product.css :
.product__accordion .accordion__content {
font-weight: lighter !important;
}
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?
Yes, it will affect the entire product page. You won't need to do it manually for each page
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.
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!!
Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024Note: Customizing your CSS requires some familiarity with CSS and HTML. Before you cust...
By JasonH Aug 12, 2024