Design and CSS styles
Version 3.x > Design and CSS styles > List-style-image View modes: 
User avatar
Member
Member
Rrij - 9/15/2008 11:16:51 AM
   
List-style-image
How can I change from a editableRegion the list's bullet style into a image ?

I used the fckstyles.xml to insert there my class but the editableRegion don't get my style, and cannot apply the change.

User avatar
Kentico Consulting
Kentico Consulting
kentico_mirekr - 9/16/2008 3:30:57 AM
   
RE:List-style-image
Hi,

You can use site CSS stylesheet to make you changes present(http://devnet.kentico.com/docs/devguide/css_overview.htm). I have tried whether styles are applied to list items and I couldn't encounter any issue while using Firefox and IE7.

You can find simple code of styles that I have used for my list bullet images below:

ol{
list-style-type: none;
}

li{
padding-left: 14px;
background-image: url(/31a_test/App_Themes/CorporateSite/Images/print.gif);
background-repeat: no-repeat;
background-position: 0 0px;
}

I have added this code in CMS Site Manager -> Development ->CSS Stylesheets -> edit/create your stylesheet.

However, it seems Firefox is using its own styles when none of default style is specified:

http://www.oppenheim.com.au/2008/07/06/how-to-view-firefoxs-default-internal-css-stylesheet/

Best Regards,
Miroslav Remias