Change Text Font and Size

Illdy
1
  1. How do I change the jumbotron title font-family?
  2. How do I change the font family of entry text in services/testimonials/contact sections?

Custom CSS would be greatly appreciated, thanks!

2

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the font by going to Appearance > Customize > Additional CSS and pasting it there.


/*Title font*/
#header .bottom-header h1 {
    font-family: sans-serif;
}

#testimonials .section-content .testimonials-carousel .carousel-testimonial .testimonial-content blockquote {
    font-family: Lato;
}

#services .section-content .service .service-entry {
    font-family: Lato;
}

#contact-us .section-content .contact-us-box .box-right span {
    font-family: Lato;
}

Best Regards,
Support

3

That worked. Thank you so much! What about the entry directly below the services section? Also the second button font on the jumbotron? Really appreciate the help.

4

Hello there,

Here are those CSS codes:

/*Button right*/ #header .bottom-header .header-button-two { font-size: 16px; font-family: Lato; }

/Services paragraph/
.front-page-section .section-header .section-description, ol, ul {
font-size: 16px;
font-family: Lato;
}

Best Regards,
Support

5

Thank you very much!