CSS designer Class generator

Hello I am testing Wappler and its funcionallities. I have a question maybe is the way I am using it. If I create an element and add a class it works perfect.

Created .text class

The issue comes if I add a second class that I wan to reuse later in other parts of the document. So I create a new class.

I add a second class called txt-red

I goes to the CSS Desing Panel to create a new class.

Captura de Pantalla 2023-04-11 a la(s) 17.03.17

So it create the new class but instead to only create the .txt-red class alone, it create a more specific one Creates .text.txt-red I need to enter css file and delete the .text class so later can I use the alone .txt-red class. I am doing something wrong ?? is this the way how this work??

That is the way that Wappler works, rightly or wrongly.

image

As you see, the selector is .text.txt-red and the style rules will apply to that selector. To create the style rules for txt-red you will have to remove text.

As I have already said, normally one would not need to use the CSS panel because Bootstrap caters for most situations.

Have a look at

This is an outdated video, but the principles involved are the same.

1 Like