Elementor Accordion & Toggle Widgets : Horizontal accordions hover based accordions and More!

In this Elementor basics video, I teach everything about Elementor accordion and toggle widgets, how to get horizontal accordions with Elementor and more.

Elementor HTML widget tutorial:

Custom CSS with Elementor free version:

If you’re new to Elementor, learn the basics here:

Hide Accordions on Mobile and tablet with Elementor free using Custom Breakpoints:

iMessage Bubble layout for WordPress Posts:

Join our Facebook Group:

CSS in the video:

.elementor-accordion :nth-child(1) .elementor-tab-title

color:pink!important;
font-size: 20px;
font-family: Times New Roman;
text-decoration: underline;
background: #fff!important;

.elementor-accordion :nth-child(2) .elementor-tab-content

color: blue!important;
background: silver!important;

.elementor-accordion :nth-child(odd) .elementor-tab-title

color:red!important;

.elementor-accordion :nth-child(even) .elementor-tab-title

color:blue!important;

/*End of the code*/