Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 17, 2016 at 6:49 pm #673834
    MadRhino

    Hi there, I finally got a chance to play with the setup of my WooCommerce shop.

    When using the Product Grid on my Shop page, I noticed that the products displayed there have a white background. Is there a way to set a transparent background for the “inner_product_header?

    As always, I’d appreciate any ideas and pointers. Many thanks.

    August 19, 2016 at 5:34 am #674482
    Rikard

    Hi MadRhino,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    August 23, 2016 at 11:16 am #676297
    MadRhino

    Thanks for getting back to me Rikard.

    My shop isn’t live as of yet, so you will need to jump to the login page to bypass maintenance mode and log in to my site.

    As you can see, I created a single product with a corresponding product image. What I would like to see is a transparent background for the area underneath the cover of the document; with other words for the area with product title and price. I believe, it’s the inner_product_header.

    Many thanks, Rikard.

    August 26, 2016 at 6:30 am #677952
    Ismael

    Hi,

    Could you please provide a screenshot of the area? You can use the following css code to make the image container transparent but I’m not sure if that’s what you want.

    .main_color .single-product-main-image .images a {
    background-color: transparent;
}

    Best regards,
    Ismael

    August 26, 2016 at 8:40 pm #678316
    MadRhino

    Thanks Ismael, but that won’t do anything.

    I’ve attached a screenshot below to help you understand what effect I’d like to achieve. It’s the background between the two green lines, which I would like to make transparent.

    I’d like to break up the uniform white background of the product image a bit to create a more finished look.

    Many thanks for your help guys.

    September 1, 2016 at 5:41 am #680459
    Ismael

    Hi,

    Thank you for the screenshot. Please add this in the Quick CSS field:

    .main_color .inner_product_header {
    background: transparent;
}

.inner_product.main_color {
    background: transparent;
}

.avia_cart_buttons {
    background: #ffffff;
    opacity: 1;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.