Archived

This topic is now archived and is closed to further replies.

  • 0

Add <li> in "fboxtext "


Question

Posted · Report post

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,
 
 

post-14232-0-27737400-1358341529_thumb.j

post-14232-0-90329100-1358341536_thumb.j

Share this post


Link to post
Share on other sites

8 answers to this question

Posted · Report post

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.

 

http://support.pagelines.me/docs/miscellaneous/font-awesome/

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

@Simon P, thanks!!
 
I've tried, but not working (attached thumbnails). What am I doing wrong?
 
Please help!
 
box2-01.jpg
box2-02.jpg
box2-03.jpg
 

 

Share this post


Link to post
Share on other sites

Posted · Report post

Please add #page before .listStandar

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Catrina.

 

 

/* lista estandar */
#page .listStandar {
list-style-type: square;
}
 
not working :(
 
Any ideas?

Share this post


Link to post
Share on other sites

Posted · Report post

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

 

Try adding:

/* lista estandar */

#page ul.listStandar {

list-style-type: square !important;

}

Share this post


Link to post
Share on other sites

Posted · Report post

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;

}

Share this post


Link to post
Share on other sites