Small visual problem on product pages

forkmedia
(@forkmedia)

11 years, 6 months ago

starkravingcat

I’m showing a grey line above the product description on my product pages which appears to be the bottom of a box border around woocommerce tabs (according to the web developer extension in Firefox). I see it in other browsers and on other OSes as well. The gray line used to simply demarcate the core product info from the product description and appeared to behave normally when shrinking or expanding the browser window — but I recently uploaded some new products and the line began to extend into the sidebar of my Genesis theme. If I make the window smaller, at the smallest size, the line does not extend. But expand the window a pixel or two and the line jumps into the sidebar, but not all the way across the window, as if it has a maximum size. I have examined woocommerce’s labyrinth of CSS until my eyes are sore but can’t figure out what controls either the size or color of that line.

https://wordpress.org/plugins/woocommerce/

Viewing 1 replies (of 1 total)

(@brad-davis)

try the following css

.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before {
  border: 0;
}

Viewing 1 replies (of 1 total)

The topic ‘Small visual problem on product pages’ is closed to new replies.

Tags