Discussion on Xoverlay-v1.0


echothemes supports this item


This author's response time can be up to 1 business day.

16 comments found.

Exallent work, i like it! :)

Awesome work, superb 8-)

thank you :)

Very useful & it help us to create innovative hover effects

thank u…. :bigsmile:

well structured and very useful

thank you :)

I just purchased this control. Looks great!

Are you limited only to target an image or can you target a containing div. I would like to apply the effect on a div, not only on the img.

Thank you for purchasing.

If you want to apply effects on a div, then just remove the img tag and add a div with your content.

I just bought this item. My editor doesn’t allow me to use span labels. I need to change this:

<span class="x-circle x-white"><a href="#"><i class="fa fa-facebook" /></a></span>


<div class="x-circle x-white"><a href="#"><i class="fa fa-facebook" /></a></div>

What changes I have to do in xoverlay.css to keep it working properly?


Please, forget this comment. I have not problem with this.

ok, thank you for purchasing :)

In all the variation we can show either the text and button OR the icons.

Can you add some variations to show both: text AND icons.


Thanks for the advice, :) will add in the next update

How do I change the xoverlay-box background color for x-simple.

I change lines 150 and 165 of xoverlay.css from

background:rgba(181, 37, 132); 
but then I lost the opacity.

Please I need advice for this.


The last parameter of the background is opacity,

for example,


here .7 is the opacity.

Add this one “background:rgba(181, 37, 132, .7);”

Thank you

thanks, I didn’t see it.

I create an icon with

<span class="x-circle x-white"><a href="#"><i class="fa fa-facebook" /></a></span> 

The icon is shown but the circle is bigger than it should be. I sent you a link to my site via private message so that you can look at it.


just search the ”.xoverlay span i” and change the height 38px and width 38px

There are 4 ”.xoverlay span i” classes in xoverlay.css, change all

Thank you

thank you!

I also have to change the font-size in the 4 ”.xoverlay span i” classes.

font-size:40px; width:38px; height:38px;

Hi I like you product so much , but i am facing a problem as the picture is still big as it is and there is no effect at all as nothing happen , i am using class=”xoverlay x-imgrotate-left” . Please could you write for me the code of this class i mean all the html code block and which js and css file i have to inserted in my website

And if icons are not coming then, the way you added Font-Awesome css, is not working please check.

Thank You :)

Hi thanks for your reply even if its not looking for it, please may i get your email to send to you what i did and to check i miss any tags

Hello, structure of this items is so nice and user friendly, i want you to upload more items on codecanyon.

Are you available for freelance work ??

yes, you can mail me for any kind of web development related project.

thank you :)

nice one 8-)

Live preview doesn’t work.

Live preview fixed

Hello, the live preview dosent seems to work at all on Safari, Chrome ans Firefox…

Live preview fixed

Nice work! GLWS

Thanks :)