Docs

[bak]

This reply has been marked as private.

[Christopher]

Hi there,

Please find this code :

.x-accordion-heading .x-accordion-toggle.collapsed {
    background-color: #f1f1f1 !important;
}
.x-accordion-heading .x-accordion-toggle {
    background-color: #f1f1f1 !important;
}

And update it to :

.x-accordion-heading .x-accordion-toggle.collapsed,.x-accordion-heading .x-accordion-toggle {
    background-color: transparent !important;
}

Find this code :

.x-accordion-heading .x-accordion-toggle:before {
    content: "\f054";
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}

And update it to :

.x-accordion-heading .x-accordion-toggle:before {
    content: "\f054";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

Add this as well :

.x-accordion-heading .x-accordion-toggle {
    font-weight: 100;
}
.x-accordion-heading .x-accordion-toggle:before {
    color: #242e51;
}

Further customizations from here would be getting into custom development, which is outside the scope of support we can offer. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding.

[Author]

Posts