We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How do I reference Google Lato Font in custom css classes

Featured Lock Resolved Issue
Hi

In my website template/typograhpy section I can select the "Lato" Google font for standard HTML parameters e.g. H1, H2 etc.

What I also want to do is create some custom CSS classes in custom.css that also then use this font.

I have tried creating following...

.testimonial-message{
font-family: 'Lato', sans-serif;
font-size: 50px;
font-weight: 400;
}

But the Lato font does not then display for this element when I load the page.

Can you please let me know if there is anything else I need to set/update to get "Lato" font working with custom CSS classes?

Thanks
Peter

2 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi Peter,
use
.testimonial-message

In Typography tab at the end

Attachments (1)

  • here.jpg
    here.jpg 56.3 KB

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Please follow the instruction of the screenshot https://prnt.sc/hyxe61

-Best Regards


There are no replies made for this post yet.
Be one of the first to reply to this post!

123

Templates

327073

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us