Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 1, 2017 at 4:24 pm #741330
    Krissieg

    Hi guys,

    How do I increase the size of the accordion fields? They’re very small.
    And how do I change the size of the fonts within them?
    Thanks

    February 1, 2017 at 4:38 pm #741339
    Yigit

    Hey Krissie,

    Please post a link to your page and a screenshot showing the changes you would like to make. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    To increase font size of accordion content, please add following code to Quick CSS in Enfold theme options under General Styling tab

    .toggle_content {
    font-size: 16px;
}

    Best regards,
    Yigit

    February 8, 2017 at 10:48 am #744284
    Krissieg

    Hey Yigit,

    Many thanks, for this.

    I want to make the actual accordions bigger, they’re a bit small at the moment.

    http://prntscr.com/e5zaad

    I’ve used the code to make the fonts bigger inside but I’d like the actual titles bigger too and the boxes themselves.
    To something like this: http://prntscr.com/e5zbg2

    If I can just have the Quick CSS code so I can play with sizing, that would be great.

    Thanks!

    February 13, 2017 at 7:12 am #746146
    Ismael

    Hi!

    Thank you for the info.

    Use the following css code to adjust the font size of the title.

    .toggler {
    font-size: 23px;
    line-height: 2em;
}

    And this code to adjust the toggle icon.

    .toggle_icon {
    position: absolute;
    width: 15px;
    height: 15px;
    border-style: solid;
    border-width: 1px;
    top: 24px;
    left: 10px;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.