Make text block fonts bold in section block

Store Design
1

I have used text block in section block on product page to add highlight text.

I want help to make the text on Desktop bold.

And on Mobile I want it bold and in central potion.

Pls see the images.

Screen Shot 2022-07-01 at 4.50.41 pm.jpg
Screen Shot 2022-07-01 at 4.50.41 pm.jpg568×395 13.7 KB

Screen Shot 2022-07-01 at 4.52.06 pm.jpg
Screen Shot 2022-07-01 at 4.52.06 pm.jpg367×376 21 KB

2

@ISS1 ,

Please share the URL .

3

https://indigoz-online.myshopify.com/admin/themes/123066417203/editor?previewPath=%2Fproducts%2Folive-tapered-pants

It’s not live yet. not sure if this would work?

4

@ISS1

Ok share the store access.

5

is it safe to share?

6

hey it’s:

7

@ISS1 ,

https://help.shopify.com/en/partners/dashboard/managing-stores/request-access

8

Yes it’s perfectly safe to share your STORE.myshopify.com link as that is how we request access to your store in order to work on the back end code of your site :slightly_smiling_face:

If you are happy coding yourself, feel free to preview the page you need work on, and post the preview link for us to take a look at :slightly_smiling_face:

9

https://indigoz.online/products/olive-tapered-pants

this is a link to the preview page.

10

Hi @ISS1 ,

Please add this CSS code at the bottom of your theme.css.liquid file

.ProductMeta__Text { font-weight: 700 !important; }
@media only screen and (max-width: 600px) {
.ProductMeta__Text { text-align: center; }
}
11

I somehow can’t share the store link, invalid HTML error msg.

Sorry I am new to this so still learning.

12

@ISS1 ,

.ProductMeta__Text {
    font-weight: bold;
}
@media only screen and (max-width: 600px) {
.ProductMeta__Text {
    font-weight: bold;
    text-align: center;
}
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

13

Amazing!! thank you.