I want to change the font of this attached header

I want to change the font of this attached header

swawestore
Explorer
117 0 20

I want to change the font of this text " Embroidered t shirts " in the header of my website https://swawe.store/
and also decrease the height of it Screenshot 2024-07-04 at 12.45.59.png

Replies 12 (12)

ZestardTech
Shopify Partner
6096 1091 1465

Hello There,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

 

 

.rich-text__blocks.center .rich-text__heading {
font-size: 25px;
}

 

ZestardTech_0-1720077739492.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
swawestore
Explorer
117 0 20

how to change the font but 

swawestore
Explorer
117 0 20

dm me please 

GTLOfficial
Shopify Partner
801 167 178

Go to online store ---------> themes --------------> actions ------> edit code------->base.CSS ----> line number 296

search this code

@media only screen and (min-width: 750px) {
h1,
.h1 {
font-size: calc(var(--font-heading-scale) * 4rem);
}
}

and replace with this code

 

		  @media only screen and (min-width: 750px) {
  h1, .h1 {
    font-size: 23px;
  }
}

and the result will be

24.png


If this was helpful, hit the like button and mark the job as completed.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
swawestore
Explorer
117 0 20

how to chnage the font of this text too

GTLOfficial
Shopify Partner
801 167 178

Go to online store ---------> themes --------------> actions ------> edit code------->base.CSS ----> line number 3553
search this code

 

.rich-text__blocks.center .rich-text__heading {
font-size: 13px;
}

and replace with this code

.rich-text__blocks.center .rich-text__heading {
font-size: 23px;
font-family: fantasy;
}

and the result will be
25.png


If this was helpful, hit the like button and mark the job as completed.
Thanks

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
swawestore
Explorer
117 0 20

I want to change the font to "satine" how to do it 

GTLOfficial
Shopify Partner
801 167 178

the code i gave you earlier

.rich-text__blocks.center .rich-text__heading {
font-size: 23px;
font-family: fantasy;
}

replace with this code

.rich-text__blocks.center .rich-text__heading {
font-size: 23px;
font-family: satine;
}

thanks

 

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
swawestore
Explorer
117 0 20

it's not getting changed 

GTLOfficial
Shopify Partner
801 167 178

that is because you don't have "Satine" added in your font family.

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
swawestore
Explorer
117 0 20

how to add 

GTLOfficial
Shopify Partner
801 167 178

please check inbox

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh