Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 2, 2019 at 7:58 pm #1144254
    blueshift

    Hello,
    I am having an odd issue with the accordion toggle. Upon click to toggle the area highlights in blue, like a selection is being made.
    Any help would be greatly appreciated.

    October 4, 2019 at 4:54 am #1144846
    Rikard

    Hey blueshift,

    Please try the following in Quick CSS under Enfold->General Styling:

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

    Best regards,
    Rikard

    October 5, 2019 at 12:58 am #1145186
    blueshift

    Perfect. This is resolved. Thanks!

    October 5, 2019 at 1:19 pm #1145258
    Rikard

    Hi,

    Great, I’m glad that we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    April 15, 2020 at 6:58 am #1203856
    Sclark91

    Hi! I was having the same issue and your code resolved it on my laptop, but I’m still experiencing the issue on mobile. Is there a code for that as well? Thanks in advance!

    April 15, 2020 at 3:10 pm #1204005
    Victoria

    Hi Sclark91,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    April 24, 2020 at 8:39 pm #1206960
    Sclark91

    Sure! The website is: https://pioneerautocredit.com/

    And here is a screenshot of what I mean. The installed options accordion toggle has the blue underline from being “highlighted,” but now only on mobile.
    https://drive.google.com/file/d/1LEC6RXoAAPztWwsg-2uJBYQ7viJSB4Hg/view?usp=sharing

    S

    April 27, 2020 at 4:56 am #1207427
    Mike

    Hi,
    Sorry for the late reply and thanks for the screenshot. Unfortunately, I don’t see the focus ring on my device, but try this css to hide it on your device.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top .main_color .toggler:focus {
  outline: 0 !important;  
  outline: 0 -webkit-focus-ring-color !important; 
}

    After applying the css, Please clear your browser cache and check.

    Best regards,
    Mike

    April 28, 2020 at 5:13 pm #1207861
    Sclark91

    That worked! Thank you Mike!!

    April 28, 2020 at 9:01 pm #1207977
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Accordion Toggle – Selection/Highlight’ is closed to new replies.