Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1101035
    sebagc
    Participant

    Hi!
    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.cl

    Thank you very much in advance!
    Sebastian

    #1101079
    John Ezra
    Member

    Hi 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!

    #1101188
    sebagc
    Participant

    Thank 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!
    Sebastian

    #1101253
    Rue Nel
    Moderator

    Hello 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.

  • <script> jQuery(function($){ $("#no-reply-1101035 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>