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.
CORRECTION: This is how to style individual elements in tabs, accordion and toggle widgets separately • Elementor How To - Style Tabs Accordi...
► Get Elementor Pro — https://wpalgoridm.com/elementor
Elementor HTML widget tutorial:
• Elementor HTML widget - Add HTML CSS ...
Custom CSS with Elementor free version:
• Custom Css with Elementor Free Versio...
If you're new to Elementor, learn the basics here:
• Elementor basics tutorial for beginne...
Hide Accordions on Mobile and tablet with Elementor free using Custom Breakpoints:
• Elementor custom breakpoints: Solving...
iMessage Bubble layout for Wordpress Posts:
• Design WordPress Post layout to look ...
Join our Facebook Group: / designschoolwp
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*/