Custom CSS Class Problem

[robochicken]

Hey Laytheme Community,

I feel kinda stupid about this, but somehow it seems i miss something really essential here. I searched the forums for a solution but couldnt find it yet.

I want to give a textframe a black background.

From my understanding, I would give a text frame a CSS class and adjust the background color using that class.

However, if I apply the custom CSS class it doesnt seem to do anything. Using the inspector, I also cannot see the CSS class.

What am I doing wrong here? I am pretty sure the CSS class name should be unique.

Find the Testpage here: https://richardlennox.de/customcss

Thanks in advance for any hints and sorry for the superbasic problem.

[Richard]

Dear @robochicken

"sorry for the superbasic problem."

No worries! we are all learning 👍
You can set a class or ID for your element: myclassblackbg .

But how do we really know if it's a class or an ID?

We fix this with CSS Selectors
When we define the CSS, we also need to define if this myclassblackbg is a Class or ID (or attribute etc).

myclassblackbg is a Class = We use the selector .
If myclassblackbg was an ID = we would use the selector #

You can see a list of selectors here:

https://www.w3schools.com/cssref/css_selectors.asp

Therefore you CSS :

myclassblackbg{
    background-color:black;
}

needs to be ( the . in front to define it's a class ):

.myclassblackbg{
    background-color:black;
}

https://laytheme.com/documentation/custom-css-styling.html

---

Hope this helps @robochicken Have a wonderful day ✨

Richard

[robochicken]

Thank you big time for the thorough feedback.

That did exactly what I wanted and I learned a valuable lesson :)

[Richard]

Have a great day @robochicken thanks for supporting Lay Theme !!