Akkordeon individualisieren

Hi Alexandervc33,

I have added this class name mytoggle in your Accordion > Styling (tab) > Developer Settings > Custom CSS Class.
Then in Enfold > General Styling > Quick CSS, I add this CSS Code:

#top .mytoggle .toggler {
    background-color: #e1e5f2 !important;
    border: none;
    position: static;
}

#top .mytoggle .toggle_content {
    background-color: #e1e5f2 !important;
    border: none;
    margin: 0;
}

#top .mytoggle > .av_toggle_section:nth-child(even) .toggler, 
#top .mytoggle > .av_toggle_section:nth-child(even) .toggle_content {
    background-color: #c6cce0 !important;
}

#top .mytoggle .toggle_icon {
    left: auto;
    right: 10px;
    border: none;
    transform: translateY(-50%);
}

#top .mytoggle .toggle_icon:before {
    content: '\e875';
    font-family: 'entypo-fontello';
    font-size: 32px;
}

#top .mytoggle .activeTitle .toggle_icon:before,
#top .mytoggle .toggle_icon span {
    display: none;
}

Please review your site. :)

Best regards,
Nikko

Hi Alex,

Please replace this code in Quick CSS:

#top .mytoggle .toggler {
    background-color: #e1e5f2 !important;
    border: none;
    position: static;
}

with: (just added this property, font-weight: bold;)

#top .mytoggle .toggler {
    background-color: #e1e5f2 !important;
    border: none;
    position: static;
    font-weight: bold;
}

Best regards,
Nikko

Hi Alex,

We’re happy to hear that :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko