Showcase Theme: change font in one section only

Showcase Theme: change font in one section only

pralinepanini
Tourist
15 0 2

Hi there,

 

I am using the Showcase theme and would like help with the following.

the site I am working on is www.mateagluscevic.com

 

I would like to change only these two to the "Lucia" font:

1. product title on the product page

2. product title in collections (on product card)

 

I would also like to have control of the font size.

 

In the theme editor I only have the options to change font for ALL the titles on the site.

 

Thanks for your help.

Replies 4 (4)

Raj-webdesigner
Shopify Partner
316 73 74

your all heading product page and collections page titles font size is change with this code 

 

.section-heading h2{
   font-size: 1.8rem;
}

 

This time all your title font size is 1.8rem
You can modify the size of this title in your own way



 

if you change this font size after add this code in your edit code > style.css file

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com


pralinepanini
Tourist
15 0 2

thanks but this doesnt adress how to assign a different font to the product page and to the product titles in the collections. Currently the theme editor will only allow me to assign two fonts, one to "all headings" and one to "body.

I want to assign the lucia font only to product page heading, and product title in collections.

Raj-webdesigner
Shopify Partner
316 73 74

You will add font family and font size in it, all of them will be judged only in product page heading, and product title in collections.

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:-

❤️Tip❤️

Contect On My Mail :-Mail@gmail.com


GTLOfficial
Shopify Expert
246 44 47

Hello @pralinepanini 
here is the css you can add in your styles.css file 
Go to online store ---------> themes --------------> actions ------> edit code-------> assets-----> "styles.css" file and add this CSS at the very end
 

 

 

 

 

.product-block__inner span.title,
.product-area .product-area__details__title {
        font-family: Lucia, serif;
}

 

 

 

 

 
if you want you can change from Customize then we need to do some code so you can change from the Customizer
Please let me know

- 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