Ask your WordPress questions! Pay money and get answers fast! (more info)

Screwy CSS WordPress

There is something screwy on the css of my website... probably an issue with plugins and conflicting CSS but I'm not sure.

Here is the link:
http://laundryz.com/item/teele-square-laundromat/

Those ugly gray borders should not be there.

I need to know who the culprit is... what css file, and what line. Thank you.

Answers (2)

2013-06-11

Romel Apuya answers:

add this at bottom of ur style.css

#content .entry-content p{
border: none;
}

#content .items .thumbnail img, #content .item-image img{
padding:0px;
}


nepatriot comments:

if you check:
http://laundryz.com/item/teele-square-laundromat/

you will see the border still appears around the add to cart button


Romel Apuya comments:

update


#content .entry-content p{

border: none;

}


to



#content .entry-content p{

border: none !important;

}

2013-06-11

Dbranes answers:


Here is a quick-fix:


.entry-content .product.woocommerce {border:none !important;}
.entry-content .item-image img {background:none;}


It looks like the gray 4px border is set via this inline style:

<p class="product woocommerce" style="border:4px solid #ccc; padding: 12px;">


and the gray image background for the <em>.item-image</em> class is set here:

/wp-content/themes/directory/style.css?1370617122

as

.item-image img{background:#cfcfcf;border:1px solid #b6b6b6;padding:5px;}


Dbranes comments:

I can see you tried it with success,

the gray borders are gone

nice ;-)