Jump to content


Photo
- - - - -

Add <li> in "fboxtext "

boxes

  • Please log in to reply
8 replies to this topic

#1 velneo

velneo

    Member

  • Members
  • 26 posts
  • Framework Version:Pagelines Framework 2.4.4
  • Country: Country Flag

Posted 16 January 2013 - 01:05 PM

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



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 16342 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 16 January 2013 - 01:48 PM

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



#3 velneo

velneo

    Member

  • Members
  • 26 posts
  • Framework Version:Pagelines Framework 2.4.4
  • Country: Country Flag

Posted 16 January 2013 - 02:26 PM

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


#4 Simon_P

Simon_P

    Messer

  • Administrators



  • 8388607 posts
  • LocationDevon
  • Framework Version:2.1.1
  • Country: Country Flag

Posted 16 January 2013 - 02:58 PM

Danny cant spell ;) 

Please Login or Register to see this Hidden Content



#5 velneo

velneo

    Member

  • Members
  • 26 posts
  • Framework Version:Pagelines Framework 2.4.4
  • Country: Country Flag

Posted 16 January 2013 - 03:09 PM

@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
 

 



#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 16 January 2013 - 04:41 PM

Please add #page before .listStandar



#7 velneo

velneo

    Member

  • Members
  • 26 posts
  • Framework Version:Pagelines Framework 2.4.4
  • Country: Country Flag

Posted 16 January 2013 - 05:12 PM

Hi Catrina.

 

 

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


#8 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 16 January 2013 - 05:51 PM

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



#9 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 January 2013 - 10:20 PM

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;

}







Also tagged with one or more of these keywords: boxes