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!