Post by srionemanarmy » Fri Sep 18, 2009 4:57 am

Hello,

Is it possible to change default "bullet" like symbol? When I published the product description using <ul> <li>, it displays default bullet like symbols. Can I change it to an image?

Thanks!

Newbie

Posts

Joined
Sat Aug 22, 2009 10:53 pm

Post by kdmp » Fri Sep 18, 2009 8:40 am

Post error. See my next post.
Last edited by kdmp on Fri Sep 18, 2009 8:45 am, edited 1 time in total.

Kevin Davidson
Purolator Shipping Module
Canpar Shipping Module
VQMod - Paypal Transaction ID to Payment Details


Active Member

Posts

Joined
Thu Jun 04, 2009 10:40 am
Location - Ontario, Canada

Post by kdmp » Fri Sep 18, 2009 8:44 am

Yes, it is done with CSS.

Look in your themes stylesheet.css for:

Code: Select all

#category ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../image/bullet_1.png'); <---Change this
}

If you want to change the separator for the breadcrumbs you can do that here:

catalog/language/english.php

and find this line:

$_['text_separator'] = '';

This will affect the category menu and the breadcrumbs.

Kevin Davidson
Purolator Shipping Module
Canpar Shipping Module
VQMod - Paypal Transaction ID to Payment Details


Active Member

Posts

Joined
Thu Jun 04, 2009 10:40 am
Location - Ontario, Canada

Post by srionemanarmy » Fri Sep 18, 2009 10:32 pm

Hi,

Thanks for your reply. I successfully changed the "Category" and "Information" modules default bullets (replaced the "bullet_1.png" and "bullet_2.png" with my images.)

When I publish the product description, it displayed the default bullet symbol (circle) in the unordered lists. Is it possible to change this circle bullet to an image that I used for Information module (i.e., bullet_2.png)?

Thanks in advance!

Newbie

Posts

Joined
Sat Aug 22, 2009 10:53 pm

Post by kdmp » Sat Sep 19, 2009 12:50 am

The style is set in the product.tpl template file, so it could be changed there, but the <ul> is not present there to set a style to.

Your best bet is to add something like this to your stylesheet:

Code: Select all

#tab_description ul {
   list-style: What you want here
}
That should get you in the right area.

Active Member

Posts

Joined
Thu Jun 04, 2009 10:40 am
Location - Ontario, Canada

Post by srionemanarmy » Sat Sep 19, 2009 1:44 am

Hi kdmp,

It works 100% - Thank you for your tip!
kdmp wrote:The style is set in the product.tpl template file, so it could be changed there, but the <ul> is not present there to set a style to.

Your best bet is to add something like this to your stylesheet:

Code: Select all

#tab_description ul {
   list-style: What you want here
}
That should get you in the right area.

Newbie

Posts

Joined
Sat Aug 22, 2009 10:53 pm

Active Member

Posts

Joined
Thu Jun 04, 2009 10:40 am
Location - Ontario, Canada
Who is online

Users browsing this forum: No registered users and 7 guests