Rank: Member
Joined: 5/9/2006(UTC)
Posts: 65
|
Can someone tell me which style to edit if I would like to have the bullet list on my Product page be images instead of circles? I only want this on the product page for now, not on the category navigation.
|
|
|
|
|
|
Rank: Member
Joined: 3/3/2006(UTC)
Posts: 1,737
|
Are you talking about the radio buttons next to the image... do you want the images to be selectable as if they were radio buttons in a choices list?
Or, do you want to place images into the descriptive text as part of an un-ordered list <UL>, which would normally have dots, tiny weenie boxes, i, ii, iii, etc?
I don't think either is possible. It is possible to place images amoungst text formatted to look like a list, but you don't have to edit a styles sheet to do that. It's just html. |
Optimists invent airplanes,
Pessimists buy parachutes. |
|
|
|
|
|
Rank: Member
Joined: 12/23/2003(UTC)
Posts: 909
|
Stylesheet:
li {list-style-image: url(blueball.gif);}
Change blueball.gif to the image you would like to use. |
|
|
|
|
|
|
Rank: Member
Joined: 5/9/2006(UTC)
Posts: 65
|
Matt,
If I do the change you suggest it will change them in more places than just the products page... Is there a style for this that is just limited to the products page?
|
|
|
|
|
|
Rank: Member
Joined: 12/23/2003(UTC)
Posts: 909
|
If you have a specific ID on your product master page or have it wrapped in a specified container you can isolate it with:
#YOURID li {list-style-image: url(blueball.gif);} or
.YOURCLASS li {list-style-image: url(blueball.gif);} |
|
|
|
|
|
|
Rank: Member
Joined: 5/9/2006(UTC)
Posts: 65
|
Awesome.. I did added it new style for the DIV container. Now how do I get them to line up next to each other. Here is the style I added: #ProductDescriptionlist-style-imageurl('../images/arrow.gif')[2]; }[/2] [2][/2] [2]And if you see in my screen shot you will see my text it a little lower than my arrows?[/2] [2][/2] [2]Thanks in advance. [/2] GG attached the following image(s):  bullet.gif (2kb) downloaded 169 time(s).You cannot view/download attachments. Try to login or register.
|
|
|
|
|
|
Rank: Member
Joined: 12/23/2003(UTC)
Posts: 909
|
The first thing I would do is remove the ' from the style:
[color=#a31515>#ProductDescription</FONT>[2]; }[/2]
play with the .gif a little bit. adjust the canvas size so it's a little bigger in height and center the arrows in the adjusted graphic. may take a couple tries. |
|
|
|
|
|
|
Forum Jump
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.