Tagged: x
-
AuthorPosts
-
July 24, 2016 at 5:57 pm #1101035
sebagcParticipantHi!
I used the following code in order to have a background in content:.site .entry-wrap {
background: #cccccc!important; /* #CCCCCC color */
}The idea was to have a dotted site background and that it wasn’t bothering to read text.
But the code also includes Woocommerce product background. Since we are planning to use PNG transparent background product images, is it possible to exclude the Woocmmerce Product Picture background so it is still transparent?I hope i was clear enough in my not so advanced english.
The site is http://www.petitecotton.clThank you very much in advance!
SebastianJuly 24, 2016 at 6:57 pm #1101079
John EzraMemberHi Sebastian,
Thanks for writing in, I’m afraid we will need a little bit more info. Can you direct us specifically to the page, section, element, image in question. Then please tell us what you want to achieve with it. From my understanding you are wanting to do something to a specific element having to do with WooCommerce Products picture backgrounds? I are you wanting to hide these?
Please confirm and update – thanks!
July 24, 2016 at 8:16 pm #1101188
sebagcParticipantThank you very much for the quick response!
please see http://petitecotton.cl/tienda/
You will notice that the site has a dot pattern, and in order to be able to read well the words, i added the content white background… but… we want to use transparent PNG images for the products, so the dotted background is visible in that area. Therefore, i would like to know if its possible that the White Content background can be erased, or not included in the Product media(image) area.
Please let me know if know its a little clearer.
Best regards!
Thank you!
SebastianJuly 24, 2016 at 9:53 pm #1101253
Rue NelModeratorHello Sebastian,
Thank you for the clarifications. Please edit all your product images and change it to .png with transparency. And after that, please add the following css code in the customizer, Appearance > Customize > Custom > CSS
.site .entry-featured { background-color: transparent !important }You should have a transparent images and you could see through the dots next to the images.
Please let us know how it goes.
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1101035 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
