0

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

Temani Afif
  • 245,468
  • 26
  • 309
  • 415
bain
  • 335
  • 1
  • 6
  • 17
  • Does this answer your question? [how to bold words within a paragraph in HTML/CSS?](https://stackoverflow.com/questions/9058425/how-to-bold-words-within-a-paragraph-in-html-css) – camille Nov 28 '21 at 16:29
  • Does this answer your question? [How do I make text bold in HTML?](https://stackoverflow.com/questions/1082353/how-do-i-make-text-bold-in-html) – phentnil Nov 28 '21 at 22:25
  • Yes it does thanks! – bain Dec 02 '21 at 08:05

6 Answers6

4

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>
Batek'S
  • 150
  • 7
3

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

Ethan Agar
  • 92
  • 9
3

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

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

To do this with just raw HTML:

<center>
    <strong>Free Shipping & Returns</strong>
</center>
Skully
  • 2,882
  • 3
  • 20
  • 31
2

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

Rouhollah Torshizi
  • 151
  • 2
  • 8
1

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>
RudyTheWebDev
  • 184
  • 9
0
font-weight: bold;

or

<b></b>
griffi-gh
  • 76
  • 5