Changing the font size of text section block

Store Design
1

Hi all,

Thanks for any help in advanced.

I want to be able to increase the font size and make bold, the text within a ‘text’ section block.

See the section I am editing here:

"text": {
          "type": "text",
          "settings": {
            "text": "Daily runner"
          }
        },

Is there a size or weight attribute I can add?

To be more precise about what I am trying to achieve. I have 3 sections as seen in the screenshot below:

kbbr_0-1645189338463.png
kbbr_0-1645189338463.png398×170 5.83 KB

‘Recharge’ is currently a ‘Title’ section block (the name of the product), but I no longer want to be display the Title name. I want to be display a custom title, and I want the font size and weight to be the same as ‘Title’.

2

Hi @kbbr ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

3

www.bahe.co

4

Hi @kbbr ,

can you send me the url with your edits?? We checked on some pages but couldn’t find that part.

Thanks

5

https://bahe.co/products/recharge-frost-mens

6

Did you manage to find it?

7

Hi @kbbr ,

Sorry for the late reply

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
.product__info-container .product__text {
    font-size: 28px;
    font-weight: 500;
}

@media (min-width: 641px) {
    .product__info-container .product__text {
        font-size: 42px;
    }
}

.features--heading-extraLarge .u-h1 {
    display: none !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.