Docs

[bryan1976]

Hi,

Please can you help with a woo commerce problem?

Please look at the attached screenshot of this page http://theaudiobarndev.co.uk/product-tag/ATC/

As you can see there is a black box around the last product that was opened, even though it is not under ‘hover’ when the screenshot was taken.

Is there a way to remove all hover effects when looking at an archive page of products?

Thanks,

Bryan

[Rahul]

Hey There,

Thanks for writing in!

Kindly use following CSS under Custom > CSS in the Customizer:

a.x-img-thumbnail:hover {
    box-shadow: none !important;
}

.woocommerce .related ul.products li.product, .woocommerce-page .related ul.products li.product {
    border: 0 !important;
}

.woocommerce .related ul.products li.product .entry-featured, .woocommerce-page .related ul.products li.product .entry-featured {
    border: 0 !important;
}

.x-nav-tabs>li>a {
    box-shadow: none !important;
}

Hope this helps!

[bryan1976]

Hi,

Thanks.

Is there a way of centering the text underneath a woo commerce product like that attached?

Mine is all aligned left as you can see here.. http://theaudiobarndev.co.uk/product-category/loudspeakers/active/

Cheers,

Bryan

[Paul R]

Hi Bryan,

Yes, you can add this under Custom > Edit Global CSS in the Customizer.

.woocommerce li.product .entry-header {
    text-align: center;    
    padding: 0 90px;
}

You may change 90px to adjust the width of the title area.

Hope that helps.

[Author]

Posts