Skip to content

Instantly share code, notes, and snippets.

@walidmahade
Created June 11, 2020 08:00
Show Gist options
  • Save walidmahade/16b89199c6e87898d1f4c0e07b6b3412 to your computer and use it in GitHub Desktop.
Save walidmahade/16b89199c6e87898d1f4c0e07b6b3412 to your computer and use it in GitHub Desktop.
Elementor - css fixes
/*=========================================
START custom css for features section
=========================================*/
/* ## add the class "toggle-custom" to your accordion or toggle */
.toggle-custom i {
font-size: 15px;
}
.elementor-toggle-item {
box-shadow: 0 6px 20px 0 rgba(31, 53, 98, 0.03);
}
.toggle-custom .elementor-tab-title {
border-width: 0px;
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: center;
align-content: center;
}
.toggle-custom .elementor-tab-title .elementor-toggle-icon {
height: 15px !important;
width: 15px !important;
}
/*------- toggle icon normal state */
.toggle-custom .elementor-tab-title .elementor-toggle-icon .elementor-toggle-icon-closed {
display: flex;
justify-content: flex-end;
}
.toggle-custom .elementor-tab-title .elementor-toggle-icon .elementor-toggle-icon-opened {
display: none;
justify-content: flex-end;
}
/*------- toggle icon opened state */
.toggle-custom .elementor-tab-title.elementor-active .elementor-toggle-icon-opened {
display: flex;
}
.toggle-custom .elementor-tab-title.elementor-active .elementor-toggle-icon-closed {
display: none;
}
/*=========================================
END custom css for features section
=========================================*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment