How to override CSS defaults in Wappler

As a long-time user of dreamweaver I entered the wappler world with curiosity.
I design small websites and do not use complex technical tools. In dreamweaver I use some DMX extensions such as Bootstrap, Lightbox, Responsive text, Html5 Slideshow.

The best way to learn is that of trial and error, but sometimes I do not succeed after hours of searching. So, in the coming days, questions from me will regularly appear on the forum.
Here comes the first question.
I want to make an ordered list with square bullits.
In Wappler I insert a List Group and a List Item . I see the text but the List-Item has no bullits.
I think maybe because list-group has a default display:flex property.

In mystyle.css I add the following line:
ul.list-group
{list-style-type: square; list-style-position: outside; display: block}
This has no effect in the list: no square bullits.

I do see bullits when I remove the class “list-group” in the ul but then the ul-structure disappear in the App Structure of Wappler.
A small problem with which I have been sweet for hours :slight_smile:

Community Page
Last updated: