Element css confusion

[wicara]

I do not understand how element css works can I get an example?

I thought that I would only have to use $el { style:style;}

$el {
background-color:#252525;
padding:3%;
}

that one is for a text element is there other things that I need to add ?

[christian]

Hey @wicara,

In our Element CSS Documentation, you’ll see that classes are appended or added after $el. That is because a “builder element” does have HTML element parts and they have classes assigned to them.

For example, the dropdown of the Content Area Dropdown element should be targeted using this Element CSS selector.

$el .x-dropdown

It’s best the you add the element to the page first and view it in the frontend. Then, use the Browser’s Developer Tools to inspect or see the parts of a builder element.

Hope that helps.