Okay
  Public Ticket #1563898
Accordion Element
Closed

Comments

  • Rachelle started the conversation

    Is there a way to add an icon to the accordion element title?

  •  491
    Support Agent 1 replied

    Hi Rachelle,

    It is not possible to add Icon to the title, but you can add Icon (or text) as content to the Accordion item.

    Let us know if you need additional assistance.


    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Rachelle replied

    Ok, but I would like to do a custom icon or either the "+" and "-" signs like other accordions have. I have attempted but I do not know how to accomplish maybe you can point me in the right direction. I have created a child theme and tried to edit the accordions.css file but nothing is changing.  Attached is what I would like to do. I am still trying to learn how this whole wordpress files work. 

    Attached files:  accordion.pdf

  •  634
    Support Agent replied

    Hi Rachelle,

    This is the code we used to add '+' and '-' signs to accordion.

    /* Accordions */
    .bt_bb_style_simple.bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_title {
        border-top: 1px solid rgba(0,0,0,.2) !important;
    }
    .bt_bb_accordion_item_title:before {
        content: "\f067";
        line-height: 56px;
        font-family: FontAwesome;
        font-size: 28px;
        display: inline-block;
        width: 56px;
        text-align: center;
        color: black;
        float: right;
        margin-top: -2%;
    }
    .bt_bb_accordion_item.on .bt_bb_accordion_item_title:before {
        content: "\f068";
    }
    

    We added the code to child theme's style.css file.

    Let us know if this helped.

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!

  • Rachelle replied

    *editted - It's there now.

    This is not displaying the + & - on the webpage. I thought that maybe the style.css was not loading but I moved the customized code for the header to the child style.css and that works.

  •  634
    Support Agent replied

    Hi Rachelle,

    We are glad you have managed to resolve the issue.

    Please let us know should you need additional assistance.

    Regards, BoldThemes team

    If you like our products please consider leaving us a rating. A huge thank you from BoldThemes in advance!