Remove image border around product

Hi Mike,
It works using Firebug. Try adding !important, like so:

.products div.product {
  border:none !important;
}

As far as I can see, it shouldn’t be necessary, but try it anyway and see if it works.

Sorry for the delayed response. I have applied this into my css style sheet but still nothing. Do you have any other suggestions?

/* =Theme Customization starts here

.products div.product {
  border:none !important;
}

Hi

Are you sure you made the change to your stylesheet? I accessed your website and I get the virtue theme’s stylesheet coming up with this rule:

.products div.product {
    border: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
}

Instead, if your child theme’s stylesheet were being called, the new rule should be:

.products div.product {
  border:none;
}

This means that the CSS that applies the border is taking precedence over your stylesheet. If you’re using a child theme this shouldn’t happen. Are other changes made via your stylesheet taking effect? If so, could you point me to a page on your site where this is so?

Cheers!