highlighted Promo Banner on hover

I would like the Promo Banner to be highlighted like the image attached when the user hovers over it. This will help draw attention to the banner and make it more noticeable. like this website :https://www.coolmod.com/

Attachments:

You must be logged in to view attached files.

Hello,

The below code will help you to change the shadow color. Define the code in Theme Settings -> Custom CSS.

.product-grid-item.wd-hover-with-fade .content-product-imagin {
    box-shadow: 0 0 10px #3d23d9a6;
}

Kind Regards

i want it for this part

Attachments:

You must be logged in to view attached files.

Hello,

Try to use this one code:

.promo-banner.banner-shadow {
    transition: all 0.1s linear;
}

.promo-banner.banner-shadow:hover {
    box-shadow: 0 0 6px rgb(0,5,255);
}

Kind Regards

hi is it possible to make it move like this https://nextlevelpc.ma/ or this https://nextlevelpc.ma/ like an rgb effect

Hello,

Sorry to say but right now there is no option in Theme Settings available for that. It requires Customization and this is beyond our limitations and support policy scope. Hope you can understand our limitations.

If you’d like to contact us, we are here for whatever questions you may have.

Kind Regards

ah thanks anyways

Hello,

Always remember that you can reach out to us with any questions you may have.

We wish you a splendid day!

Kind Regards

[Author]

Posts