Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

How do I get rid of arrow images in category section?


vjboc

Recommended Posts

Posted

In the Category section on the left side it has those little squares with an arrow next to each category. How do I get rid of those? or change them to >> instead of the box with an arrow?

Posted

Can someone help with this? Go to soundwavedirect.com in the category section there are arrow images. I would like to remove them. Where is the code to do so? Thanks in advance..

Posted

Hi vjboc,

 

I'm going to assume that you are using a template. This makes answering your question require research of your site.

 

That said,

 

I have looked at your site.

 

First I viewed your source code and found this call from your stylesheet.CSS

 

<td class="td2"><ul><li class="bg_list_un">

 

Then I reviewed your CSS file and found this.

 

.boxText .bg_list_un a {color:#963213; font-size:14px; line-height:16px; font-weight:normal;
padding:7px 0px 7px 25px;text-decoration:none;background:url(images/bg_list.gif) 0px 7px no-repeat;}

 

Then I verified this was what was generating the images by following the link to the image.

http://soundwavedirect.com/store/images/bg_list.gif

 

And there is your arrow.

 

To change this you'll need to modify your CSS file. Or easier yet would be to make the "arrow" design you want and replace the image/bg_list.gif with it.

 

 

 

 

Posted

Hi vjboc,

 

I'm going to assume that you are using a template. This makes answering your question require research of your site.

 

That said,

 

I have looked at your site.

 

First I viewed your source code and found this call from your stylesheet.CSS

 

<td class="td2"><ul><li class="bg_list_un">

 

Then I reviewed your CSS file and found this.

 

.boxText .bg_list_un a {color:#963213; font-size:14px; line-height:16px; font-weight:normal;
padding:7px 0px 7px 25px;text-decoration:none;background:url(images/bg_list.gif) 0px 7px no-repeat;}

 

Then I verified this was what was generating the images by following the link to the image.

http://soundwavedirect.com/store/images/bg_list.gif

 

And there is your arrow.

 

To change this you'll need to modify your CSS file. Or easier yet would be to make the "arrow" design you want and replace the image/bg_list.gif with it.

 

 

 

 

 

Thanks alot, I deleted: background:url(images/bg_list.gif) 0px 7px no-repeat; I didn't want those images anymore. Is there a way to shorten the dotted lines under the links in the category section?

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...