image border on front page (latest products) is too thick

Answered

Public

mazhar shah asked December 8, 2012

The grey borders around the latest product images is too thick. Which css do i need to adjust to reduce or remove this border?

Sulfur

1 answer

Vote Up

Vote Down

Sherlock ⋅0.00 $tone December 11, 2012

Public

Hi maz001,

To remove that border you open the file of skin/frontend/default/jm_sulfur/css/theme.css , looking for this css rule

HTML Code:

                      .ja-product-mask {
  background: url("../images/trans3.png") no-repeat scroll left top transparent;
  display: block;
  height: 135px;
  left: 0;
  position: absolute;
  top: 0;
  width: 180px;
}

Change it to

HTML Code:

               .ja-product-mask {
  
                   display: block;
                   height: 135px;
                   left: 0;
                   position: absolute;
                   top: 0;
                  width: 180px;
              }