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

Store Design
1

houssamalissa_0-1629729766383.png
houssamalissa_0-1629729766383.png1412Ă—661 28.6 KB

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

1 Like
2

@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!

3

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

1 Like
4

@houssamalissa

Try the following code.

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

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

1 Like
6

@houssamalissa

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

testimonial-1.jpg
testimonial-1.jpg1310Ă—371 33.5 KB

1 Like
7

That’s odd…I still see this…

houssamalissa_0-1629921659857.png
houssamalissa_0-1629921659857.png1794Ă—665 49.6 KB

8

@houssamalissa

Please try this css code

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

Still unchanged. Seems pretty stubborn doesn’t it!

10

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.

11

Will this impact my other section headers in different sections?

12

@houssamalissa
Noo!

13

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…

14

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

houssamalissa_1-1630058982759.png
houssamalissa_1-1630058982759.png1385Ă—740 78.4 KB

15

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