How to change the font size on my Home page slideshow text

Highlighted
Tourist
9 0 0

Hi,

Wondering if anyone can help me, im trying to change the font size of the heading and subheader on my homepage slideshow.  https://wickedlyindulgent.co.nz/

 

Thank You.

0 Likes
Highlighted

Hello 

You can change the font size of heading by adding this css in

Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

h2.fs-slideshow__heading {
    font-size: 40px!important;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
Highlighted
Shopify Expert
667 170 234

Hi, @rachy ,

This is Evita from On The Map.

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

 

.fs-slideshow__content h2.fs-slideshow__heading {
    font-size: 50px!important;
}
.fs-slideshow__content h3.fs-slideshow__subheading {
    font-size: 40px!important;
}

You can play with px as you like to get perfect font size :)

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
Highlighted
Tourist
5 0 1

Hi! I am using the Prestige theme and just tried copying and pasting the code into the correct file in order to change the font size for my slideshow heading and subheading. When I save and then preview the change, the edits don't appear to be made. Curious if I need a different code because I am using a different theme or if I am inputting the code incorrectly. 

 

 

0 Likes
Highlighted

Hello @BNKY,

Add this css in your css code

#shopify-section-slideshow .SectionHeader__Heading {
	font-size: 30px;
}
#shopify-section-slideshow .SectionHeader__SubHeading {
	font-size: 20px;
}

Note: Please change font size as per your requirement

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
5 0 1

Awesome! Thank you so much for your help and quick response! It worked perfectly. 

0 Likes
Highlighted
New Member
1 0 0

Hi I have the Boundless theme, how do I change the font for my body text?

0 Likes
Highlighted
New Member
1 0 0

I am having the same problem. I am using the Brooklyn theme and I tried inputting that css code at the end of my theme.scss.liquid file, but I see no change when I save and refresh my page. 

 

Do you know what I may be doing wrong?

0 Likes
Highlighted

Hello SatuBeauty,
Please share your site url.
So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
2 0 0

Could you kindly share the solution for this please? I also tried pasting this code at the bottom, however, saw no changes when I refreshed the page. 

 

0 Likes