Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 23, 2014 at 8:07 am #213728
    langor

    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

    January 24, 2014 at 12:09 am #214196
    Yigit

    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

    January 24, 2014 at 1:03 am #214226
    langor

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

    January 24, 2014 at 1:08 am #214227
    Yigit

    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

    December 14, 2014 at 9:32 pm #368041
    gdwarren

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

    December 15, 2014 at 5:24 pm #368377
    Elliott

    Hi!

    Try this CSS out.

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

    Regards,
    Elliott

    March 9, 2017 at 10:17 pm #758596
    bulavadesign

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

    March 9, 2017 at 10:29 pm #758600
    Basilis

    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

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