can i change the color in the free version?

Hi @alinash1,

Thanks for reaching us. hope you doing well.

This background color issue can be fixed by tweaking a custom CSS. Please use the following CSS in the custom CSS field.

.oxi-image-hover-wrapper-2 .oxi-addons-row .oxi-image-hover-figure-frontend {
    background: #00c2a9 !important;
}
.oxi-image-hover-wrapper-2 .oxi-addons-row .oxi-image-hover-figure-backend {
    background: #00c2a9 !important;
}
.oxi-image-hover-wrapper-2 .oxi-addons-row .oxi-image-hover-figure-back-section {
    background: #00c2a9 !important;
}
.oxi-image-hover-wrapper-2 .oxi-addons-row .oxi-image-hover-figure-front-section .oxi-image-hover-icon .oxi-icons {
    border-color: #00c2a9 !important;
}

Go to shortcode editing page and paste the above CSS line at the custom CSS field.

Yes, it can be solved with custom CSS alone if you know CSS as well or you can go for the pro version to archine this layout easily.

Please let us know it those custom CSS works for you

here in the plugin this code does not work. I do not know why. https://prntscr.com/CRpkCh8G0uv0

but i pasted the code in the theme and it works.
thank you. my issue is resolved.

Is it possible to change the color of the icon as well?
https://prnt.sc/5RUUBGQeesx9

Icon issues can be fixed by tweaking a custom css. please use the following css as you can apply the previous method.

.oxi-image-hover-wrapper-2 .oxi-addons-row .oxi-image-hover-figure-front-section .oxi-image-hover-icon .oxi-icons {color: #00c2a9 !important;}

I’m going to mark it as Resolved now. Please feel free to open a new one if you have any further questions.

Cheers!

everything is perfect now! thank you!