Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 10, 2018 at 2:55 pm #1043101
    jonrouse

    Hi,
    Currently have a page with a toggle on, but the active toggle gets a white border when selected, so it looks slightly narrower than the others.
    I just want to change the border colour here from white to brown. and on all the toggles:

    <p data-fake-id=”#toggle-id-1″ class=”toggler av-inherit-border-color activeTitle” itemprop=”headline” style=”color:#ffffff; border-color:#ffffff; background-color:#543b30; ” data-hoverstyle=”background-color: #543b30; color: #ffffff; “>Butchery<span class=”toggle_icon”> <span class=”vert_icon”></span><span class=”hor_icon”></span></span></p>

    Thanks!

    December 10, 2018 at 9:28 pm #1043358
    Victoria

    Hey jonrouse,

    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

    
#top #av_section_1 .toggler.activeTitle {
    border-color: #543b30 !important;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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