[theophila]

Sometime in the last few updates, I noticed that the Woocommerce shop no longer has theme styling. Could you fix this?

[Skandha]

@theophila: Please post in your site URL.

Kind Regards,
Skandha

[theophila]

https://bluenotesd.com/

[Skandha]

@theophila: I checked your site and Woocommerce shop page is showing up well. Can you elaborate your issue?

Kind Regards,
Skandha

[theophila]

All the other pages are properly wrapped inside the structure:

<div id="content" class="site-content">
	<div class="wrapper">
		<div id="primary" class="content-area">
			<main id="main" class="site-main" role="main">
				<article class="hentry">

That makes it have a white background and match the rest of the site. Right now the store is and product pages are NOT inside the container and sit on the grey background and does not match the rest of the site. that was one of the reasons I had originally paid for the premium theme, and it was at one point styled, and sometime in the last year or two of updates, it isn’t styled any more. It also means that on the Woocommerce product pages, the tabs showing product description, additional information, etc., are just floating white and grey tabs on a different shade of grey background. No container, nothing: https://bluenotesd.com/store/clothing/dancing-the-blues-womens-fashion-deep-v-neck-tee-light-graphics/

Both the Related Products section tag and the Products ul inside it have padding and border-bottom set. All of these are Woocommerce default styles and do not have theme styling at all.

Like I said, the whole Woocommerce shop is unstyled and does not match the theme. What happened?

[tikaram]

@theophila : The WooCommerce pages do not contain the <article class="hentry">. The content and the Html are also controlled by the plugin. The updates to the plugins might have affected to the design as well. If you would like to have a white background with red border on top as in the other pages. Go to Appearance=> Customize => Additional css and add the following css.

.post-type-archive-product .woocommerce-wrap, .single-product .woocommerce-wrap, .woocommerce-page .woocommerce-wrap {
	background-color: #fff;
	border-top: 2px solid #cc2b3a;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.12);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.12);
	box-shadow: 0 2px 2px rgba(0,0,0,0.12);
}

The WooCommerce shop is styled as you may check the style.css file with class name as .woocommerce. Let me know if you have any more issues.

Regards,
Tikaram

[Author]

Posts