Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #213728

    Hi,

    I’m looking to change the size (and maybe font colour) of the Headings that are displayed with Accordion element and also Tabs element. I find they are too small on mobile devices, so increasing the heading size will make it easier for them to be pressed (perhaps increasing padding too).

    Thanks a lot

    Michael

    #214196

    Hi langor!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    .js_active .toggler,.js_active .tab { font-size: 16px; }

    Cheers!
    Yigit

    #214226

    Thank you, but does that apply to both Tabs and Accordion headings?

    #214227

    Hi!

    Yes it does. If you would like to adjust them seperately, you can use following code

    .js_active .toggler { font-size: 20px; }
    .js_active .tab { font-size: 16px; }

    Cheers!
    Yigit

    #368041

    This is great, but how do you change the icon size inside of a tab as well?

    #368377

    Hi!

    Try this CSS out.

    .tab_icon { font-size: 20px !important; }
    

    Regards,
    Elliott

    #758596

    Hello, is it possible to change the size of the image on a Tab that I use instead of an icon?

    #758600

    Hey!

    Please create a new topic, provide us a link of your web page with the image used instead of icon, so we can see how we can help.
    Thanks a lot

    Regards,
    Basilis

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Change size of Accordion and Tabs headings’ is closed to new replies.