Phantom Photo Glow

RyanCrowther · ‎10-23-2024

Can't Remove this phantom green border/overlay from my theme no matter what I try...

Laza_Binaery · ‎10-23-2024

It is this code in your assets/xidax.css

.header-product .product__media-item.grid__item.slider__slide.scroll-trigger.animate--fade-in.is-active {
    background: #effbef;
    border-radius: 5px;
    padding: 10px
}

It is background so you can just change it to white to match image's backgrounds

.header-product .product__media-item.grid__item.slider__slide.scroll-trigger.animate--fade-in.is-active {
    background: #fff;
    border-radius: 5px;
    padding: 10px
}

Kind regards
Laza
www.binaery.com

View solution in original post

Shadab_dev · ‎10-23-2024

Please always share store url in any query.

Buy me Coffee, if you feel i was helpful. Email Me here or WhatsApp me with this link for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.

Laza_Binaery · ‎10-23-2024

Hi @RyanCrowther

It is this code in your assets/xidax.css

.header-product .product__media-item.grid__item.slider__slide.scroll-trigger.animate--fade-in.is-active {
    background: #effbef;
    border-radius: 5px;
    padding: 10px
}

It is background so you can just change it to white to match image's backgrounds

.header-product .product__media-item.grid__item.slider__slide.scroll-trigger.animate--fade-in.is-active {
    background: #fff;
    border-radius: 5px;
    padding: 10px
}

Kind regards
Laza
www.binaery.com

RyanCrowther · ‎10-24-2024

amazing thank you

Phantom Photo Glow

Phantom Photo Glow

Community Blog Articles