Increase size of accordion icon?

  • Resolved nlaconsult

    (@nlaconsult)


    5 years, 2 months ago

    Hi there —

    Using the great documentation on this forum, I have customized the accordion shortcode. Love it.

    But how can I increase the size of the caret icon? Here’s what’s in my settings; what should get changed here? Thanks!
    ________________
    .su-spoiler-title {
    position: relative;
    cursor: pointer;
    min-height: 25px;
    background-color: #f5f4f2;
    color: #224476;
    font-weight: 400;
    font-family: ‘Roboto Slab’,serif;
    font-size: 22px;

    }

    /* Spoiler Icon */
    .su-spoiler.my-custom-spoiler > .su-spoiler-title > .su-spoiler-icon {

    /* Icon Size */
    font-size: 26px;
    position: relative;
    padding-top: 15px;
    padding-left: 15px;

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

Viewing 1 replies (of 1 total)
  • Plugin Author Vova

    (@gn_themes)

    Hi @nlaconsult,

    the following part should be enough:

    .su-spoiler.my-custom-spoiler > .su-spoiler-title > .su-spoiler-icon {
  /* Icon Size */
  font-size: 26px;
}

    Don’t forget to add the custom CSS class to your spoiler to enable custom styles:

    [su_spoiler class="my-custom-spoiler"] ... [/su_spoiler]
Viewing 1 replies (of 1 total)
  • The topic ‘Increase size of accordion icon?’ is closed to new replies.