Add Bullet to Information List

[zeta1600]

I wanted to add bullets to the Infomation box links. I tried to find it on the css but could not figure it out. Thought I could use "list-style-type: square;" command. Any help?

Also, where do i change the Word from "Information" to "Something"

[kobra]

You need to read about creating a template first so that the customizations that you make are tracked for you and not lost in a upgrade...

Most of the definitions are contained in the file /includes/languages/english.php file. make a copy for your template override folder and edit the corresponding descriptions and they appear as:

// information box text in sideboxes/information.php
  define('BOX_HEADING_INFORMATION', 'Information');
  define('BOX_INFORMATION_PRIVACY', 'Privacy Notice');
  define('BOX_INFORMATION_CONDITIONS', 'Conditions of Use');
  define('BOX_INFORMATION_SHIPPING', 'Shipping & Returns');
  define('BOX_INFORMATION_CONTACT', 'Contact Us');
  define('BOX_BBINDEX', 'Forum');
  define('BOX_INFORMATION_UNSUBSCRIBE', 'Newsletter Unsubscribe');

to insert a bullet you can use the ascii code for a bullet - • - and you probably want a space also and this would become

// information box text in sideboxes/information.php
  define('BOX_HEADING_INFORMATION', 'Information');
  define('BOX_INFORMATION_PRIVACY', '• Privacy Notice');
  define('BOX_INFORMATION_CONDITIONS', '• Conditions of Use');
  define('BOX_INFORMATION_SHIPPING', '• Shipping & Returns');
  define('BOX_INFORMATION_CONTACT', '• Contact Us');
  define('BOX_BBINDEX', '• Forum');
  define('BOX_INFORMATION_UNSUBSCRIBE', '• Newsletter Unsubscribe');

Well this editor is parsing the "bullet code" so I will try to post it with an added space between each character (these spaces you would remove)

& # 1 4 9 ;

That is better, so in the posted code where you see a bullet, replace with the code above with the spaces removed.

The term Information is also here, and you can change it to another term. (Insure that you retain the single quotes that surround the term)

[barco57]

#informationContent.sideBoxContent ul li {list-style-type: disc;margin-left: 12px;}

The margin is in there cause on mine the bullets where outside the border, so I needed to push them over so they where back in the box

[zeta1600]

Thanks for the quick reply... Is there a way to do this with an image? I see a lot of site that have squares or arrow images instead of bullets.

[barco57]

list-style-image: url(../images/whatever.gif)

create your own bullet and place it in your templates image folder

[zeta1600]

#informationContent.sideBoxContent ul li {list-style-type: disc;margin-left: 12px;}

The margin is in there cause on mine the bullets where outside the border, so I needed to push them over so they where back in the box

I'm sorry... just to clarify.... where would I do this? english.php or somewhere else?

[barco57]

oh sorry in the stylesheet, you'll need to add it

[zeta1600]

Found it... Thanks Barco57