Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 18, 2020 at 12:04 pm #1185611
    force-media

    Hi Guys,

    I am currently developing a website where I want to remove the border from the Enfold accordion toggle.

    I tried the following CSS Code:

    .js_active .toggler, .js_active .tab { 
border: none !important;
color: #0075bc !important;
background: transparent !important;
}

    However, when i click with the mouse on the toggle title a border still appears.
    Would be great if you could help.

    Thanks,
    Frank

    February 18, 2020 at 7:50 pm #1185795
    Victoria

    Hey Frank,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.js_active .toggler {
    outline: none;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 18, 2020 at 9:10 pm #1185835
    Guenni007

    on chrome f.e. it is the focus state too that causes it:

    .tab.active_tab, :focus {
    outline: none !important;
}
    February 19, 2020 at 10:53 am #1185969
    force-media

    Hi Victoria & Guenni,

    you’re awesome. I didn’t know that the outline element was responsible.
    Issue solved.

    Have a great day!

    February 19, 2020 at 9:01 pm #1186176
    Basilis

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Please bookmark Enfold Documentation for future reference.
    Thank you for using Enfold :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.