'How do I style this text to be bold?

I am trying to figure out how to style this text to be bold in Shopify?

 <center> <font color="black">Free Shipping & Returns</font> <center>

I also want it to adapt the same typography but not sure how to do that. Currently I am in the product-template.liquid file

htmlcss


Solution 1:[1]

You can use CSS to achieve this using the font-weight property.

<center style="color: black; font-weight: bold;">
    Free Shipping & Returns
<center>

Additionally, to do this with just raw HTML:

<center>
    <strong>Free Shipping & Returns</strong>
</center>

Solution 2:[2]

1. You can bold your text with 2 ways

Way - 1

<center> <font color="black;"><b>Free Shipping & Returns</b></font> <center>

Way - 2

<center> <font color="black;"><strong>Free Shipping & Returns</strong></font> <center>

Solution 3:[3]

You can do <center> <font color="black; font-weight: bold">Free Shipping & Returns</font> <center> that should work

Solution 4:[4]

<center><b>Free Shipping & Returns</b><center>

Solution 5:[5]

There are 3 ways to achieve your desired result

First Option

<center> <font color="black" style="font-weight: bold;"> <center>

Second Option

<center> <font color="black"><b>Free Shipping & Returns</b></font> <center>

Third Option

<center> <font color="black"><strong>Free Shipping & Returns</strong></font> <center>

Solution 6:[6]

font-weight: bold;

or

<b></b>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1
Solution 2 Batek'S
Solution 3 Ethan Agar
Solution 4 Rouhollah Torshizi
Solution 5
Solution 6 griffi-gh

Related Questions