Docs

[smenavto]

Hello,

Quick question; is it possible to hide the images in the picture below?

URL: http://fioxtech.com/product/hospital-grade-power-cord-iec320-c13-to-nema5-15p/#

Thanks!
-Mike

[Rahul]

Absolutely!

Add the following custom CSS which will hide the part globally :

.x-img-thumbnail {
    display: none;

.woocommerce div.product .summary .product_title {
    display: none;
}

If you want it hidden for that particular page, use this CSS :

.product-id-958 .x-img-thumbnail {
    display: none;

.product-id-958 .woocommerce div.product .summary .product_title {
    display: none;
}

Hope that helps.

Cheers

[smenavto]

Huzzah! You’re awesome. Thank you so much!!

One last question (please see image below).

Thanks again!

-Mike

[Prasant Rai]

Hello Mike,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.entry-top-navigation {
    display: none !important;
}

Let us know how it goes.

Thanks.

[smenavto]

Hello,

That put me on to a good start! Thank you.

When I plugged that into my global CSS, it didn’t do anything. However, when I doubled down and also added the snippet to the page’s CSS, I got these results:

Thank you again!!
-Mike

[Rue Nel]

Hello Mike,

Thanks for the updates and the screenshot. Please update the previously given css code and make use of this code instead:

.x-img-thumbnail {
    display: none;
}

.woocommerce div.product .summary .product_title {
    display: none;
}

.entry-top-navigation {
    display: none !important;
}

.woocommerce div.product .summary .product_title,
.woocommerce div.product .woocommerce-tabs h2 {
    display: none;
}

Hope this helps. Please let us know how it goes.

[Author]

Posts