Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #673834

    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.

    #674482

    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

    #676297

    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.

    #677952

    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

    #678316

    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.

    #680459

    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

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