Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #865746

    Hi team,
    i need your help with the style of toggler icon:
    1st: actual the toogler icon has a border around. Is it possible without?
    2nd: The icon is not in the same heigt with the toogler title. Is it possible to change this?
    Many thanks in advance for your help
    Alexander

    Here´s the code that i use:

    /*Accordion Toggle Formats */

    .toggle_icon .vert_icon, .toggle_icon .hor_icon, span.toggle_icon {
    border-color: #63666a;
    }

    /* Border of Toggler*/

    .togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler { border-color: darkgrey white darkgrey white; }

    .togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler, .toggle_content{
    border-top: 10 !important;
    border-bottom: 0 !important;
    }

    .js_active .toggler {
    font-size: 16px;
    line-height: 35px;
    color: black !important;
    font-family: Open Sans;
    }

    .main_color .toggler {
    background: white;
    color: white;
    }

    .main_color .toggler:hover {
    color: white;
    background: white;
    }

    .toggler, .main_color .toggler.activeTitle:hover {
    background: white;
    color: white;
    }

    .main_color .toggle_content {
    font-size: 14px;
    font-family: Open Sans;
    background: #f2f2f2;
    }
    .av_toggle_section .toggler {
    color:#63666a!important;
    }
    .av_toggle_section .toggler:hover {
    color:#c7af77!important;
    }

    #866246

    Hey Alexander,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .toggle_icon {
        border: none;
    }
    
    

    Best regards,
    Yigit

    #866248

    Hi Yigit,
    problem solved…thanks for the code. Many thanks! :-)
    Do you see any chance that the icon can be on the same height as the toogle title?
    Sunny regards,
    Alexander

    #866251

    Hey,

    Please change the code to following one

    .toggle_icon {
        border: none;
        top: 20px;
    }

    Best regards,
    Yigit

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