How do I change the font on auto layouts to my custom css fonts that I added?

Site URL: https://prism-seal-294l.squarespace.com/

I have addd some css fonts on my sites, then created a testimonial slider, I then can't seem to change the fonts on this section? 

Any suggestion please? 

Hi. What is access password?

19 hours ago, sophie.elizabeth said:

Site URL: https://prism-seal-294l.squarespace.com/

I have addd some css fonts on my sites, then created a testimonial slider, I then can't seem to change the fonts on this section? 

Any suggestion please? 

 @tuanphan P: Aine123

thank you 

Your font face code is invalide, use this new code

@font-face {
    font-family: 'Butler';
    src: url('https://static1.squarespace.com/static/6087caa7a2bc4a466f5c693b/t/6087d2326c6768377bed3340/1619513906757/Butler.woff')
}

h1, h2, h3, h4, .user-items-list-item-container.user-items-list-carousel * {
    font-family: 'Butler' !important;
}

Thank you, tried the above but it still doesn't change the font on the testimonials section on the homepage. Any suggestions? 

On 7/18/2021 at 9:13 PM, sophie.elizabeth said:

Thank you, tried the above but it still doesn't change the font on the testimonials section on the homepage. Any suggestions? 

It seems worked here. Can you take a screenshot on your end?

Is it possible to leave the body font as Futura and the title in Butler? 

Thank you 

Use this

.list-section-title * {
    font-family: 'Butler' !important;
}
.user-items-list-item-container.user-items-list-carousel * {
    font-family: futura-pt !important;
}

@tuanphan is it possible to remove the arrow background colour/circle from this slider?

On 9/16/2021 at 11:12 PM, jenniferboddam said:

@tuanphan is it possible to remove the arrow background colour/circle from this slider?

Use this code

.user-items-list-carousel .user-items-list-carousel__arrow-icon-background {
    background-color: transparent !important;
}