Guest Posted December 7, 2006 Share Posted December 7, 2006 In the Categories Box (CC v3.0.13), each listing has a small square "bullet" next to it that I would like to change to a graphic but I don't know what file to change or what the code is to change to a graphic instead of the small square "bullet". Can someone help me out ? Any help would be greatly appreciated. Sorry if this topic has already been covered ... I did a search and couldn't really find anything close to what I need Thanks SS Quote Link to comment Share on other sites More sharing options...
roban Posted December 7, 2006 Share Posted December 7, 2006 The bullet is referenced in styleTemplates/boxes/categories.tpl but the css for the bullet is in style.css. li.bullet { list-style-type: square; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #000000; } li.bulletLrg { list-style-type: square; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; if you want your own bullet, make an image, upload it to your server and reference it in style.css as background-image: url (path to image); Quote Link to comment Share on other sites More sharing options...
Guest Posted December 7, 2006 Share Posted December 7, 2006 Thanks for your help ! I'll try it out now ! SS The bullet is referenced in styleTemplates/boxes/categories.tpl but the css for the bullet is in style.css. li.bullet { list-style-type: square; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #000000; } li.bulletLrg { list-style-type: square; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; if you want your own bullet, make an image, upload it to your server and reference it in style.css as background-image: url (path to image); Quote Link to comment Share on other sites More sharing options...
Guest Posted December 8, 2006 Share Posted December 8, 2006 One more fast question...... where in the style.css would i enter this line: background-image: url (path to image); Thanks again ! SS Thanks for your help ! I'll try it out now ! SS The bullet is referenced in styleTemplates/boxes/categories.tpl but the css for the bullet is in style.css. li.bullet { list-style-type: square; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #000000; } li.bulletLrg { list-style-type: square; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; if you want your own bullet, make an image, upload it to your server and reference it in style.css as background-image: url (path to image); Quote Link to comment Share on other sites More sharing options...
roban Posted December 8, 2006 Share Posted December 8, 2006 li.bullet { list-style-type: square;[you can remove this line] font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #000000; background-image: url (path to image); Quote Link to comment Share on other sites More sharing options...
Guest Posted December 8, 2006 Share Posted December 8, 2006 Thanks but doesn't work. Take a look... http://gonecoastalfl.com SS li.bullet { list-style-type: square;[you can remove this line] font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #000000; background-image: url (path to image); Quote Link to comment Share on other sites More sharing options...
roban Posted December 8, 2006 Share Posted December 8, 2006 Did you create an image for your bullet, upload it to your server and put the path to the image in the code? Quote Link to comment Share on other sites More sharing options...
Guest Posted December 8, 2006 Share Posted December 8, 2006 Yes...it was the first thing I did (http://gonecoastalfl.com/store2/images/newbullet.gif) before modifying the style.css Was I supposed to also modify the categories.tpl file ?? Thanks SS Did you create an image for your bullet, upload it to your server and put the path to the image in the code? Quote Link to comment Share on other sites More sharing options...
Guest Posted December 8, 2006 Share Posted December 8, 2006 Here's the change i made... li.bullet { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #000000; background-image:/store2/images/newbullet.gif; } li.bulletLrg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; background-image:/store2/images/newbullet.gif; } Thanks SS Yes...it was the first thing I did (http://gonecoastalfl.com/store2/images/newbullet.gif) before modifying the style.css Was I supposed to also modify the categories.tpl file ?? Thanks SS Did you create an image for your bullet, upload it to your server and put the path to the image in the code? Quote Link to comment Share on other sites More sharing options...
Guest clayandsoapgirl Posted January 21, 2007 Share Posted January 21, 2007 I think they meant for you to put your uploaded "bullet image" in your skin folder not the catch all images folder. (like under skins/"the skin you use"/styleimages/background) Here's the change i made... li.bullet { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #000000; background-image:/store2/images/newbullet.gif; } li.bulletLrg { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; background-image:/store2/images/newbullet.gif; } Thanks SS Yes...it was the first thing I did (http://gonecoastalfl.com/store2/images/newbullet.gif) before modifying the style.css Was I supposed to also modify the categories.tpl file ?? Thanks SS Did you create an image for your bullet, upload it to your server and put the path to the image in the code? Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.