Home / Forums / ePix Support / How do I change the font of the Accordion feature?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts

  • KamranMatahari
    Participant

    Hello,

    I want to change the font of the title text on the accordion feature to Arvo so it matches the rest of the text. How can I do that?
    (BIO, AWARDS, RESUME)

    Also links are formatting in a large font and I want to change the font of the links to Arvo as well and to keep the the size consistent.

    (RESUMES)

    Here is the page.

    http://whytech.solutions/acting/

    Thanks,

    Cameron

    -Cameron

    Andy
    Andy
    Keymaster

    Hi Cameron,

    Try adding this to Appearance > Theme Options > Customize > Custom CSS:

    .vc_tta-panel-heading h4 {font-family:Arvo !important;}

    The reason the links are bigger is because they’re set to h2 tags, please set them to paragraph and they’ll be the same size.


    KamranMatahari
    Participant

    I tried adding the code and it didn’t change the font of the According title. Do I need to create the accordions again, for it to take effect.

    How do I set the links to paragraph.

    Andy
    Andy
    Keymaster

    Hi,

    It’s definitely set to Arvo now and is the same as the content.

    I’m not sure what you mean by “set the links to paragraph”?


    KamranMatahari
    Participant

    1. Accordian titles are still appearing in gray.

    2. Why are the links coming in such a huge font?

    Andy
    Andy
    Keymaster

    Hi,

    1. Sorry, I thought you were talking about the font, not the color. What color do you require it?

    2. This is because you’re wrapping the content within a h2 tag ( this is bad and isn’t what h2 tags are intended for ).

    If you want to keep it h2, try the following CSS in Appearance > Theme Options > customize > Custom CSS:

    .vc_tta-panel-body h2,
    .vc_tta-panel-body h2 a {font-size:20px !Important;}
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.