Jump to content

Category "Bullets"


Guest

Recommended Posts

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 :on2long:

SS

Link to comment
Share on other sites

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);

Link to comment
Share on other sites

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);

Link to comment
Share on other sites

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);

Link to comment
Share on other sites

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?
Link to comment
Share on other sites

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?

Link to comment
Share on other sites

  • 1 month later...
Guest clayandsoapgirl

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?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...