5 CSS Tricks for Elementor Accordions

Add to Custom CSS:

.accordx .elementor-tab-title.elementor-active{
background-color: #ff0000;
font-size: 2REM;
}

.accordx .elementor-tab-title{
background-color: #D0D0CE;
font-size: 1.1REM;
}

.accordx .elementor-accordion > div:first-of-type { display:none;}

/The bit below adds the top border back in/
.accordx .elementor-accordion {
border-top-style: solid;
border-top-width: 0px;
border-top-color: #ff0000;
}

.accordx .elementor-tab-title {
border-radius: 25px;
}
.elementor-tab-content.elementor-clearfix {
margin-top: 8px;
border-radius: 25px;
}

https://youtu.be/ycnDfUG1ZbI

Please Share

Help us to create Amazing Content!