Change font of accordion header and details

[Danielle89]

Hello!

I am using the Influence theme by EIGHT themes

I'm trying to change the product form to a custom font. I've changed everything except the accordion.

I tried adding:

h3.accordion__title.h4 {

   font-family: "NTBau-Regular”;

}

and all variations with no luck. The accordion stays 'futura' (the system font). 

Basically I need the hole product form section to have the "NTBau-Regular" font-family in different font sizes.

This is the current css:

.color-foreground {
  color: #f6a019;
  font-weight: bold;
  font-family: "NTBau-Regular";
}
.mb-2 {
  line-height: 1.1em;
  font-family: "NTBau-Regular";
}
h3 {
  font-size: 2.2em;
  font-family: "NTBau-Regular";
}
.text-h6 {
  font-size: 1.2em;
  font-family: "NTBau-Regular";
}
.underline {
  padding-bottom: 20px;
}

Any help would be greatly appreciated 🙂

[ZestardTech]

Hello @Danielle89 

To change the font family for the accordion titles in the Influence theme by EIGHT themes, you can try the following CSS code:

.accordion__title {
  font-family: "NTBau-Regular", sans-serif;
}

Make sure to place this code in your theme's CSS file or in the custom CSS section of your theme settings. This code targets the class .accordion__title and sets the font-family property to "NTBau-Regular" followed by a fallback font, such as sans-serif, in case the specified font is not available.

If this code doesn't work, it's possible that the theme has more specific CSS rules overriding your styles. In that case, you may need to use more specific CSS selectors or inspect the HTML structure of the accordion element to determine the correct selector to target.

Remember to clear any cache and refresh the page to see the changes take effect.

[Danielle89]

Thank you! Doesn't seem to work, I think I will need to chat with the theme developers. Thanks so much for the response.