CSS Custom bulleted list in Omega theme
-
I need to create square orange for all levels of the bulleted list in Omega theme. I want to create a CSS entry so my client can enter a BL and be able to have it format correctly immediately. When I tried it everything in the sidebar and menu bars also had square orange bullets. I can’t get it to work in the content area only. I do not want to use an image of a square but just a CSS Style.
This is the code I found and was using. Is there some way to modify it so it applies only to lists in the content area?The Markup
- list item
- list item
- list item
The CSS
ul li {
color:#444; /* set color of list item to a dark gray */
list-style:none; /* if you’re not already using a reset */
}ul li:before {
color:#ed0000; /* set color to red */
content:”\2022″; /* /2022 is the numerical unicode for • */
font-size:1.5em; /* set the font-size of the bullet if necessary. Make sure to use em or %*/
padding-right:.25em; /* give the bullet some padding from the text Make sure to use em*/
position:relative;
top:.1em; /* set the vertical position of the bullet if necessary. Make sure to use em or % */
}
- The topic ‘CSS Custom bulleted list in Omega theme’ is closed to new replies.