Adding a border to my product images in the first page

7 Apr 2013, 7:26 AM

#1

New Zenner

Join Date:: Mar 2011
Posts:: 4
Plugin Contributions:: 0

Adding a border to my product images in the first page

I was wondering how can I add a black 1px border on my product images from my first page and also I would like that the border color to change on mouse over. Any help will be greatly appreciated. Best Regards :thumbsup:

7 Apr 2013, 8:08 AM

#2

kobra

Black Belt

Join Date:: Aug 2005
Location:: Arizona
Posts:: 31,500
Plugin Contributions:: 4

Re: Adding a border to my product images in the first page

A link to your site would assist

Zen-Venom Get Bitten

7 Apr 2013, 8:29 AM

#3

ciprian_san

New Zenner

Join Date:: Mar 2011
Posts:: 4
Plugin Contributions:: 0

Re: Adding a border to my product images in the first page

http://buyincoins.us/index.php?main_page=

7 Apr 2013, 8:40 AM

#4

kobra

Black Belt

Join Date:: Aug 2005
Location:: Arizona
Posts:: 31,500
Plugin Contributions:: 4

Re: Adding a border to my product images in the first page

You can add a border by adding this to the end of your stylesheet and adjusting the width and color

I am not sure that you can alter it on hover

.centerBoxContentsNew img {
        border: 4px solid;
        color: #000000;
        }

.centerBoxContentsFeatured img {
        border: 4px solid;
        color: #000000;
        }

Zen-Venom Get Bitten

7 Apr 2013, 8:47 AM

#5

ciprian_san

New Zenner

Join Date:: Mar 2011
Posts:: 4
Plugin Contributions:: 0

Re: Adding a border to my product images in the first page

Thanx ... It worked just great... I will figure out something for the mouse rollover.:cool: