How can I match my testimonial header font with the rich text font?

Basic question - can anyone help me change the font of the testimonial header to match the rich text font?

1 Like

@houssamalissa

Please add the following code at the bottom of your assets/theme.css file.

.testimonials-section .section-header h2 {
    font-size: 27px;
    font-weight: normal;
}

Hope this works.

Thanks!

Hi! Tried it, for some reason that didn’t work…

1 Like

@houssamalissa

Try the following code.

.testimonials-section .section-header h2 {
    font-size: 27px !important;
    font-weight: normal !important;
}

So yeah I tried that, didn’t seem to work either…

1 Like

@houssamalissa

I can see this. Font has changed. Did you solve the problem.

1 Like

That’s odd…I still see this…

@houssamalissa

Please try this css code

testimonials-section .section-header h2 {
    font-size: 27px!important;
    font-weight: normal;
    font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback);
}

Still unchanged. Seems pretty stubborn doesn’t it!

hii, @houssamalissa
Paste this code on the top of the theme.scss file.

.section-header h2 {
    font-size: 27px !important;
    font-weight: 400 !important;
    font-family: 'Futura' !important;
}

Thank You.

Will this impact my other section headers in different sections?

@houssamalissa
Noo!

This worked…but can I ask, why didn’t it change the other section headings? I can’t see anything that identifies it as specifically for the Testimonials section only…

Actually this didn’t work, it ended up changing other headings that I didn’t want to change. Still need a solution for this

hii, @houssamalissa
Paste this code on the top of the theme.scss file.

div#shopify-section-1628687648d74d0138 .text-center .page-width .section-header h2 {
    font-size: 27px !important;
    font-weight: normal !important;
    font-family: 'Futura' !important;
}

Thank You.

1 Like