Change Font in H6 Headings

Change Font in H6 Headings

martujv
Trailblazer
205 2 43

Hello!

 

First of all, Merry Christmas!

Basically I want to change the font for all my h6 headings.

In this case, I want to apply the "Times New Roman - Regular" font, which is available in my shopify theme.

I also would like to have it Capitalized, with the first letter of each word being in caps.

 

My theme is Stiletto, my website is https://zght3jttyisvd9tj-60150284501.shopifypreview.com and the password is y22

 

I would really appreciate some help

Replies 7 (7)

Guleria
Shopify Partner
3954 791 1123

Hello  @martujv ,

Merry Christmas!

 

Edit theme.liquid

Search for </head>

Now just before to it add this css

 

h6 {
    font-family: "Times New Roman - Regular" !important;
      text-transform: uppercase !important;
}

 

 

Regards
Guleria

 

- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder
martujv
Trailblazer
205 2 43

Hello! I tried the code but nothing changed. I can see that the Times New Roman font is available in my theme's editor page: 

Captura de pantalla 2024-12-25 a las 18.50.03.png

 

So why is it not working?

WaitWhatWeb
Shopify Partner
20 1 5

Try to add this css:

h6{
    text-transform: capitalize;
}
digital life is rad
unless it’s designed bad
martujv
Trailblazer
205 2 43

This doesn't include the font I want to use

 

WaitWhatWeb
Shopify Partner
20 1 5

try this code

h6{
    text-transform: capitalize !important;
    font-family: "Times New Roman", Times, serif !important;
}
digital life is rad
unless it’s designed bad

DaisyVo
Shopify Partner
2848 343 401

Hi @martujv 

 

To complete your requests, please follow these steps:
  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.

 

h6 {
    font-family: 'Times New Roman - Regular'; /* Ensure fallback fonts */
    text-transform: capitalize;
}

 

 
I hope this helps
 
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

topnewyork
Astronaut
1047 142 181

Hello, @martujv , would you like to specify the h6 headings name, because from class it's easy to create code for you.. Hope you will get my point
Thanks!

Need a Shopify developer? Hire us at Top New York Web Design
Boost Your Store Sales with Volume/Tier Discount Try Big Bulk Discount
Create New Shopify Store For Just 1$/Month