Forum Discussion

twitchee27's avatar
twitchee27
Expert
14 years ago

Adding Bullets to Custom Component

We have a custom component that displays message subjects based on a specific tag, and I am trying incorporate a bullet point on each subject to clearly delineate between them within the component. I...
jc758's avatar
jc758
Advisor
14 years ago
Hi ,
try to add a "list-style-type:disc;" on your ul or li...
this property might be set to 'none' in the lithium default css...
  • twitchee27's avatar
    twitchee27
    Expert
    14 years ago

    Thanks for the tip, jc758! Unfortunately, adding "list-style-type:disc;" didn't adjust anything in the component. any other ideas?

    • AdamN's avatar
      AdamN
      Khoros Alumni (Retired)
      14 years ago

      It sounds like the community default stylings are taking precdence. If the inline styling isn't working for you, I'd suggest adding some CSS to your skin with selectors that are more specific than the defaults.

       

      These are likely the default selectors that are styling your list:

      #lia-body .lia-content ol 
#lia-body .lia-content ul

       

      So perhaps try something like:

      #lia-body .lia-content ul#RecentVideos, #lia-body .lia-content #RecentVideos li {
  list-style-type: disc;
}

       

      If that doesn't work, you may need to get even more specific.