We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How to Change Text Boldness

How to Change Text Boldness

CreatorTim
Navigator
471 1 71

Hey guys, I need two codes to adjust the boldness of the text on my store.

 

  1. The first code should make already bold text (like headings) even bolder.

  2. The second code should enhance the normal text, maybe just by changing its color to black. I’m using the Dawn theme, where the default text is more grayish.

Here’s how it looks on my store:

CreatorTim_0-1735142648809.png

 

And here’s how I want it to look:

CreatorTim_1-1735142669726.png

 

Here’s my link to my store: https://1049xn-ya.myshopify.com/products/editing-masterclass

 

And here’s the link to the store I want it to look like: https://lifethroughoptics.co/products/lto-2-0-editing-masterclass-preset-pack

 

Thanks!
Tim

Replies 7 (7)

DaisyVo
Shopify Partner
4469 501 599

HI @CreatorTim 

 

The text in the title is already bold to the maximum, but since a different font is being used, it doesn't match exactly. The sample store uses the "Open Sans" font, while their main store uses "Assistant." To make it clearer, you need to increase the font size. Here's the code adjustment

 

.image-with-text__text.rte.body * {
    color: black !important;
    font-size: 16px !important;
}

By increasing the font size, it should become more visible. 

Please add it into the Custom CSS in the Theme

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
CreatorTim
Navigator
471 1 71

Hey,
Okay, thanks, so to make the headings even more prominent, do I need to change the font?

 

Also, thanks for the code, could you also please provide me with the code for rich text, collapsible content and email signup as well?

 

Thank you so much,
Tim

DaisyVo
Shopify Partner
4469 501 599

Hi @CreatorTim 

 

Please add this code 

 

.rich-text__text.rte * {
    color: black !important;
    font-size: 16px !important;
}

 

This will affect this part: 

image_720.png

 I don't see the collapsible content and email signup in the link above

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
CreatorTim
Navigator
471 1 71

Thank you, 

 

The newsletter section is here: https://1049xn-ya.myshopify.com/
(Just scroll all the way down)

Guleria
Shopify Partner
4299 825 1189

Hello @CreatorTim ,

 

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code at the bottom:

.product__description p {
    color: #000;
}

 

Regards
Guleria

- Elevate Your Store with Expert Shopify Services. Email: guleriathakur43@gmail.com - Need a quick fix or a tailored customization? I’ve got you covered.
- Looking to enhance your pages? Try GEMPAGES- a powerful drag & drop page builder.
- Let’s make your store stand out. Get in touch today!
- My Apps: Productify Groups – Smart product grouping made easy.

HHenry
Shopify Partner
35 5 8

Add custom css in section 

 

strong {
    font-family: fantasy;
    font-weight: 500;
}
.image-with-text__text * {
    color: black;
}

 

If this is helpful, please Like and Accept the solution.
CreatorTim
Navigator
471 1 71

Hey, thanks, it's more prominent now, but the font looks a bit wild. Do you know of a more normal-looking one? Something like "Inter"?