Font in Section CSS - Capital Theme

[Ramin83]

Hello guys,

I'm using the Capital Theme and I'm trying to customize a specific rich text section. The section has a headline and a text paragraph. I would like to give the headline another font than configured in the theme options. The section gives me the opportunity to add a custom css.

Changing the color works perfect. But adding another font (Lato is a font which Shopify supports) doesn't work.

Any idea what I'm doing wrong?

h2 {
  color: red !important;
  font-family: "Lato", sans-serif !important;
}

Best regards
Ramin

[DaisyVo]

Hi @Ramin83 

Thank you for reaching out to the Shopify community. I'd be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?

[DaisyVo]

Hi @Ramin83 

I see it working with the code here
It's definitely a Lato font

[Ramin83]

No, it is definately not the Lato font. I just changed it to "Open Sans" and it looks the same. It seems, that the theme is ignoring the custom font.

[DaisyVo]

I still see them as different. 😅 

[Ramin83]

This is Lato when you look at Google Fonts https://fonts.google.com/specimen/Lato?preview.text=AESTHETIC%20%26%20MIND

It looks completely different. Look at the "&"

[DaisyVo]

body #shopify-section-template--18582657958133__rich_text_9tyfwf h2{
  font-family: monospace !important;
}

so try this code
It's a bit like Moeed's suggestion but it only works for h2 here 

[Ramin83]

Ok, it seems that I have to hire a Shopify Dev 😄

But thanks for your help.

[Moeed]

Hey @Ramin83 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[Ramin83]

URL: 

Password: 

[Moeed]

Hey @Ramin83 

If you want to change it to a different font compared to the current one which you're using right now then feel free to try this code below.

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
h2.rte.homepage-sections--title {
    font-family: monospace !important;
}
</style>

RESULT

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Ramin83]

I don't want to change the headline for all rich text sections. Just for the specific one.