Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 26, 2019 at 1:09 am #1130786
    mhiller

    I copied the shortcode and CSS exactly from this support documentation page for CUSTOM STYLED TABS
    Accordion style-1: https://kriesi.at/documentation/enfold/accordion/#toggle-id-60
    And I placed toggle at the very bottom of this website page: https://jet-cxo.com/welcome-7
    There is a problem that the icon does not change from a “+” to a “-” on Active. Any ideas? Thanks!

    August 26, 2019 at 5:02 am #1130844
    mhiller

    Also, I could use help on another item for the same element and location on the same page (see post above): On Active Toggle, a blue, 3 sided border appears around the title. I can’t seem to get rid of it or change its color? Thanks!

    August 28, 2019 at 2:14 pm #1131601
    Ismael

    Hi,

    Thank you for using Enfold.

    You can add this css code to bring back the “-” symbol for the active toggle.

    .av-accordion-style-1 .activeTitle .toggle_icon::before {
	content: "\e81a" !important;
	font-family: 'entypo-fontello';
}

    Best regards,
    Ismael

    August 28, 2019 at 5:25 pm #1131682
    mhiller

    Thanks Ismael! It worked perfectly! (Maybe add that code to the Accordion documentation page?)

    Per my note above, how can I remove the thin blue border around the Toggle title when it’s Active? I tried 10 differents ways and just can’t get it to work :-).

    Mike.

    August 29, 2019 at 3:36 pm #1131908
    Ismael

    Hi,

    Glad it worked.

    This should remove the border for the active toggler.

    .togglecontainer .single_toggle:first-child .toggler.activeTitle, .togglecontainer .taglist + .single_toggle .toggler.activeTitle {
	border: 0;
}

    Best regards,
    Ismael

    August 29, 2019 at 8:24 pm #1132076
    mhiller

    Thanks Ismael, Doesn’t seem to work. (I added “!Important”). Suggestions? Thanks!!

    September 1, 2019 at 5:26 am #1132621
    Rikard

    Hi,

    Thanks for the update. Please try this CSS instead:

    .toggler:focus {
    outline: -webkit-focus-ring-color auto 0 !important;
}

    Best regards,
    Rikard

    September 1, 2019 at 6:33 am #1132631
    mhiller

    That worked. Thanks!!!

    September 2, 2019 at 5:20 am #1132804
    Ismael

    Hi,

    Great! Glad it worked. We’ll close the thread now.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Enfold Toggle Icon not changing on Active’ is closed to new replies.