Fonts in sub menu and faq

Support
#1

How can I change the font to the one defaulted in my x theme options for the FAQ accordion? I really don’t want to have to recreate it.

Also how can I change the font in the submenu on mobile to the one I chose in x theme?

#2

Hi Justin,

Thanks for writing in! For Accordion or any other V2 element, you can simply change the font styles in the following way.

  1. When you’re in the Cornerstone editor, click on the settings icon cogwheel

Then head over to Font tab and add a new font according to your preference.

  1. Then add an Accordion element to your page. Under the Accordion options, Click on the Content, Header tabs and set your preferred fonts, then save changes.

To change submenu font styles, you can add a custom CSS rule into your X -> Theme Options -> CSS area. Follow the example below.

.sub-menu .x-anchor-text {
    font-family: "Lato",sans-serif;
}

Hope that helps.

#3

my accordian is a classic element so would the above advice not work for that?

#4

Hi again,

For the classic accordion element you can change the font family via custom CSS. Try adding the following code in the Theme Options > CSS:

.x-accordion-body, .x-accordion-heading {
    font-family: Arial;
}

Change the Arial font with your desired font family. Hope this helps!

#5

it didn’t work for me

#6

for both the submenu and faq

#7

Hello Justin,

You already have added this code for the submenu:

.desktop .sub-menu a {
    font-family: Arial,serif;
    font-size: 20px;
    color: red;
}

Please edit it and change the font family instead. And for your FAQ page, you are using <h5> tag for the contents. Since this is a heading tag, it follows the font being used by the headings.

Hope this explains it briefly.

#8

the desktop submenu is fine. its the mobile one that isnt arial

#9

Hi again,

You can try adding the following code in the Theme Options > CSS:

.x-navbar .mobile .x-nav li>a {
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}

Let us know how this goes!

#10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.