Elementor Widget Accordion is not loading css files

[Samuel Rocha de Mello]

Hi,
I am using WordPress.com, Elementor PRO and Elementor Addons Pro version 1.9.2
I have some Elementor Widgets, accordions, tabs, which are not loading css files.
I included css files with correct ID in Simple CSS, and indicated the css ID in the widget.
As an example, https://formulador.net/accordion-teste/
I included css file in the Elementor Addons Plugin Settings, saved Settings.
The accordion seems to not recognize the css file.

[Raghavendra]

The CSS selectors are loaded multiple times as verified by me. I guess your query is more about why the CSS is not taking effect.

Firstly, I see two elements with id meu-acc specified in CSS – the Accordion heading element and the accordion element itself. Secondly, the data-section selector does not apply to any element since there is no element with this data attribute.

If you are trying to style individual accordion elements, pls use nth-child selectors to target individual elements like this –

#meu-acc .lae-accordion .lae-panel:nth-child(1) { color: red; }
#meu-acc .lae-accordion .lae-panel:nth-child(2) { color: blue; }
#meu-acc .lae-accordion .lae-panel:nth-child(3) { color: green; }

[Author]

Posts