8 replies to this topic

[velneo]

Hi,

 

When I add a list <li> in a Box is not showing the bullets. (Attached 2 screenshots)

What should I add CSS code in "Custom Code"?

 

Thank you very much,

 

 

Attached Files

•  box-01.jpg   44.6K  5 downloads
•  box-02.jpg   28.4K  5 downloads

[Danny]

Hi,

 

If you wish to do this, you will need to add a custom class to your <ul> tag and then use custom CSS. However, there is a much easier way to do this, simply use Font Awesome, we have an example on our Font Awesome documentation which can be found towards the bottom of the doc.

 

Please Login or Register to see this Hidden Content

[velneo]

Hi Danny

 

Thanks for the help. The URL that you suggest is 404!

 

 

 

 

[Simon_P]

Danny cant spell  

Please Login or Register to see this Hidden Content

[velneo]

@Simon P, thanks!!

 

I've tried, but not working (attached thumbnails). What am I doing wrong?

 

Please help!

 

 

 

[catrina]

Please add #page before .listStandar

[velneo]

Hi Catrina.

 

 

/* lista estandar */

#page .listStandar {

list-style-type: square;

}

 

not working

 

Any ideas?

[catrina]

Hm there may be some other CSS overriding yours. Do you have any ul CSS that is specifying list-style-type: none?

 

Try adding:

Please Login or Register to see this Hidden Content

[Rob]

I suspect that somewhere in your CSS, there is a default for the ul or li that tells it to display:none;

 

You'll have to find that element or,  add a class to each <li> which then specifies the list-item.

 

Add to your CSS display:list-item;

 

I'm not seeing .ul.listStandar ul {display:list-type;

list-style-type: square !important;

}

 

or

.ul.listStandar li {display:list-type;

list-style-type: square;

list-style: square;

}

 

or

.ul.listStandar ul li {display:list-type;

list-style-type: square;

list-style: square;

}

 

As a result, the unordered list is getting the CSS command, but each individual list item is defaulting to any CSS telling li to display none.

 

For example, the default compiled CSS for the ordered and unordered lists hides the list type

ol, ul {

    list-style-type: none;

}

 

Though you're using a class for the specific group of an unordered list, you did not specify that the class applies to the UL under it as in:

 

.ul.listStandar ul  {

list-style-type: square;

}