- Posts: 198
- Thank you received: 0
Decrease font size of carousel text for smaller screens
-
Danimeeka
Active member - Topic Author
- Member
Less
More
3 years 1 week ago - 3 years 1 week ago #48375
by Danimeeka
Decrease font size of carousel text for smaller screens was created by Danimeeka
Hi Milos,
My carousel text looks great on computer screen and smart phone sizes but I am unable to adjust for tablet sizes, presumably around 991px. I have tried adding code for H1 and H4 sizes used in the carousel text but it isn't making a difference. Chrome developer tool accessed via inspect says the style sheet cannot be loaded. My iPad shows text sizes too big for the space.
Website is adorablekateringcanapes.com.au/ . Any suggestions greatly appreciated.
Thanks, Julia.
PS You have probably answered this for other templates but I couldn't find the "search before asking" link. Is it still available?
My carousel text looks great on computer screen and smart phone sizes but I am unable to adjust for tablet sizes, presumably around 991px. I have tried adding code for H1 and H4 sizes used in the carousel text but it isn't making a difference. Chrome developer tool accessed via inspect says the style sheet cannot be loaded. My iPad shows text sizes too big for the space.
Website is adorablekateringcanapes.com.au/ . Any suggestions greatly appreciated.
Thanks, Julia.
PS You have probably answered this for other templates but I couldn't find the "search before asking" link. Is it still available?
Last edit: 3 years 1 week ago by Danimeeka.
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6742
- Thank you received: 715
3 years 1 week ago - 3 years 1 week ago #48377
by milos
Replied by milos on topic Decrease font size of carousel text for smaller screens
Hello,
All CSS files are loading fine for your website.
You can add this code in the template options (under Custom > CSS) or in file /sparky_framework/css/custom.css:
Change the values as appropriate.
Regards,
Milos
All CSS files are loading fine for your website.
You can add this code in the template options (under Custom > CSS) or in file /sparky_framework/css/custom.css:
Code:
@media (max-width: 991px) {
h1, h1 a {
font-size: 24px;
}
h4 {
font-size: 18px;
}
}
Change the values as appropriate.
Regards,
Milos
Last edit: 3 years 1 week ago by milos.
Please Log in to join the conversation.
-
Danimeeka
Active member - Topic Author
- Member
Less
More
- Posts: 198
- Thank you received: 0
2 years 11 months ago #48449
by Danimeeka
Replied by Danimeeka on topic Decrease font size of carousel text for smaller screens
My apologies for the late reply, and I hope you have had a lovely holiday season.
Thank you Milos, that works perfectly.
Kind regards,
Julia.
Thank you Milos, that works perfectly.
Kind regards,
Julia.
Please Log in to join the conversation.
Time to create page: 0.258 seconds