Change image backround colour. - by amd4ever

This topic has 14 replies, 3 voices, and was last updated 4 years, 1 months ago ago by Rose Tyler

  • Avatar: amd4ever
    amd4ever
    Participant
    April 29, 2020 at 16:25

    Hallo, we use png images without backround colour. We need to change the backround colour at categories homepage and all gallery photos. We need to change the black colour (for a second) when we click to zoom a image in product.
    elapelle. gr our website
    thank you

    13 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 29, 2020 at 19:34

    Hello,

    1) Coud you, please, provide me screenshot of product categories with the png images and bg color that you want to remove. Because product categories on the front page are jpg images with bg http://prntscr.com/s86iz5

    2) Add the following code to Theme Options > Custom CSS to remove the black bg color for the popup

    .pswp__img--placeholder--blank {
        background: transparent;
    }

    Regards

    Avatar: amd4ever
    amd4ever
    Participant
    April 29, 2020 at 19:56

    we want to to change the white backround at photos not to remove colour, we wanto white to make ti grey for example

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 29, 2020 at 20:05

    Hello,

    Are you talking about this bg http://prntscr.com/s871qs Sorry, but it’s your image, it’snot related to theme. Use the graphic editor (Photoshop or similar) to cut the image and change bg color. After that upload changed images to your media library and choose them for your products.

    Regards

    Avatar: amd4ever
    amd4ever
    Participant
    April 29, 2020 at 20:10
    Avatar: amd4ever
    amd4ever
    Participant
    April 29, 2020 at 20:12

    at this link is png the link you send is jpeg yes, its test. here we want
    https://www.elapelle.gr/product/delphiville-textile-sneaker-for-women-in-beige-10/

    at all photos and some products at category and homepage and related products

    Avatar: amd4ever
    amd4ever
    Participant
    April 29, 2020 at 20:26

    we need to change colour for image placeholder at product page, gallery, cart, homepage, slider, category

    Avatar: amd4ever
    amd4ever
    Participant
    April 30, 2020 at 08:49

    hallo

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 30, 2020 at 09:23

    Hello,

    Try to add the next code in Theme Options > Theme Custom CSS

    .woocommerce-main-image img,
    .etheme-sticky-cart .attachment-post-thumbnail,
    .content-product .product-content-image img  {
        background-color: grey;
    }

    Regards

    Avatar: amd4ever
    amd4ever
    Participant
    April 30, 2020 at 11:16

    thank you!
    we need and for the images at single products gallery
    https://ibb.co/LkKzjn7

    Avatar: amd4ever
    amd4ever
    Participant
    April 30, 2020 at 11:19

    and change colour for the close icon at product image zoom
    https://ibb.co/VjkCfqh
    thank you

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 30, 2020 at 12:19

    1) Change the previous code to

    .woocommerce-main-image img, 
    .etheme-sticky-cart .attachment-post-thumbnail, 
    .content-product .product-content-image img,
    .single-product .swipers-couple-wrapper .swiper-wrapper img {
        background-color: #F8F8F8; 
    }

    2)

    .pswp__button--close {
        color: red;
    }

    Regards

    Avatar: amd4ever
    amd4ever
    Participant
    April 30, 2020 at 14:12

    thank you very much

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 30, 2020 at 14:20

    You’re welcome!

    Regards

  • Viewing 14 results - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.