Decrease font size of carousel text for smaller screens

More
2 years 4 months ago - 2 years 4 months ago #48375 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?
Last edit: 2 years 4 months ago by Danimeeka.

Please Log in to join the conversation.

  • milos
    Support Staff
  • Moderator
  • Moderator
More
2 years 4 months ago - 2 years 4 months ago #48377 by milos
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:
Code:
@media (max-width: 991px) {   h1, h1 a {     font-size: 24px;   }   h4 {     font-size: 18px;   } }

Change the values as appropriate.

Regards,
Milos
Last edit: 2 years 4 months ago by milos.

Please Log in to join the conversation.

More
2 years 3 months ago #48449 by Danimeeka
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.

Please Log in to join the conversation.

Time to create page: 0.295 seconds
Powered by Kunena Forum