Quick help with a font size/background change!

  • cassiie0103

    (@cassiie0103)


    5 years ago

    Hello everyone!

    I’ll keep it short. I have included an accordion on my about page but I can’t seem to change the type size, font or background colour of the accordion tab to white/transparent.

    Any quick fixes to this by any chance? Much appreciated and plenty of thank yous in advance! ??

    • This topic was modified 5 years ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator bcworkz

    (@bcworkz)

    Add to the Additional CSS panel of the customizer:

    .wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a {
    color: #eee;
    background-color: transparent;
    font-size: 1.4em;
    font-family: Times,"Times New Roman",serif;
}

    Edit as desired. The background underneath is still white, so white text on transparent background would be invisible. This only applies to the compressed accordion title. For the expanded title the selectors are: .wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title > a

    I suggest you learn to use your browser’s element inspector developer tool to help you arrive at the correct values for the above rules. With that bit of experience, maybe you can figure out other CSS changes for yourself that you might want to implement ??

    Thread Starter cassiie0103

    (@cassiie0103)

    Amazing, thanks a ton for this!

    Moderator bcworkz

    (@bcworkz)

    You’re welcone.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Quick help with a font size/background change!’ is closed to new replies.