Okay
  Public Ticket #3586035
Change Accordion Toggle Icon
Closed

Comments

  •  4
    elsenmedia started the conversation
    February 16, 2024 at 12:07pm

    Hi guys!


    How can I change the accordion toggle button from + and - to a arrow with rounded outline (down for + and up for minus) ?

    Thank you very much!

    KR

    Mario

  •  8,838
    Tahir replied
    February 16, 2024 at 3:28pm

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    div .toggle>.toggle-title i:before,div .toggle>.toggle-title i:after {
    background: transparent !important;
}
div .toggle > .toggle-title i:before {
    content: "\f107" !important;
    top: 7px !important;
}
div .toggle.open > .toggle-title i:before {
    content: "\f106" !important;
    top: 5px !important;
    color: #3350fa;
}
div .toggle.open i:before {
    transform: scale(1) rotate(0deg);
}

    Thanks

    ThemeNectar Support Team 

  •  4
    elsenmedia replied
    February 16, 2024 at 3:38pm

    Hi Tahir! Thank you very much!

    I've added a \ to the icon and now its working!

    Is it possible to remove the round border in general and to make the icon inside bigger?

    KR

    Mario

  •  8,838
    Tahir replied
    February 16, 2024 at 3:49pm

    Hey Again,

     I see you got it working: 

    7275776724.png

    Thanks.

    ThemeNectar Support Team 

  •  4
    elsenmedia replied
    February 21, 2024 at 12:08pm

    Hi Tahir,

    yes, thanks! I found a way, was working quit well :-)

    Additional Question: 

    1) How can I change the size and color of the fancy unordered list bullet point item? This is only possible for the "dash" - not for the dot.

    2) How can I change the hover color of a link inside the fancy unordered list?

    KR

    Mario

  •  1,875
    Judith replied
    February 21, 2024 at 4:57pm

    Hi Mario,

    I am glad you were able to resolve the toggle panel query.

    Please open a new ticket with the new issue to help us seamlessly follow up on the queries and give an accurate response without any mixup.

    Thanks for understanding.

    Best Regards.