Hover effect

Hello Kresi Team,
About a month ago (Nov. 19) I opened a support Ticket #878236 asking about a specific hover effect that I was wondering if the Enfold theme could handle. the conversation:
Hello Kriesi Team,

I have used your theme in the past, older version. I am curious, I am looking at your theme for a client, and I need to know if something in the mock ups is possible on your Enfold Theme.

I need a container with a fullwidth background image. On top of that background I need 2 columns and two rows. On initial load there is four rectangles, each has text and in icon, when a user hovers over one of the icons, it transitions to text box with a read more button. If the user hovers off and on to another icon in one of the four containers, that first one transitions back to text and icon and the other one transitions to text box and read more button. Is this possible in your theme? I have an image that shows the mock-up, so let me know if I can send that to you for clarity.

November 18, 2017 at 9:58 am #878438

Nikko
Moderator
Hey Stacy,

Yes please, you can post it in https://imgur.com/ (or sites that provides similar services) and post the link here.

Best regards,
Nikko

Hello Nikko,

The client saw the effect on this theme https://differ-design.tk/ember-wp/ . However, I am encouraging them to buy the Enfold theme as I believe it to be a superior theme.

Is it a script running the effect or just the CSS? Take a look with your more experienced developer eye? I have some backend experience but mainly front-end.

Thank you for your help!

KR,
Stacy

November 19, 2017 at 2:52 pm #878785

Nikko
Moderator
Hi Stacy,

The first one can be done with Enfold, you just need to use a color section and set the background then use columns for the elements inside it.

As for the effect on 4 rectangles it can be done using css, there’s no effect like that in Enfold but it can be achieved, though it would require you to write some html codes along with css codes to do it but we can assist you with that. :)

Best regards,
Nikko

November 19, 2017 at 5:16 pm #878799

Stacy
Thank you Nikko,

I figured that would be the case. I will push hard to have the client purchase the Enfold theme, shouldn’t be an issue. If all goes well, I feel confident that I will be able to make the effect as they wish. If I get stuck I will reach out to you for some guidance.

You all are the best!

Kind regards,
Stacy

November 19, 2017 at 8:15 pm #878838

Mike
Moderator
Hi,
We look forward to helping, unless there is anything more now, shall we close this?

Best regards,
Mike

November 19, 2017 at 8:17 pm #878839

Stacy
Thanks Mike, yes go ahead and close the support ticket.

Stacy

November 19, 2017 at 11:25 pm #878893

Mike
Moderator
Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

I am now at the point that I would like to try and figure this effect out. Are you still willing to assist me?

Kind regards,
Stacy Esposito

December 13, 2017 at 11:28 pm #888609REPLY

Basilis
Moderator
Hey Stacy Esposito,

Can you please register on the forums with your purchase number and I have assigned the ticket to Nico who seems to know exaxtly what you are refering, so he can help you finish it!

Best regards,
Basilis

Hello Support Team,

I haven’t heard back on this support item, just wanted to see if I was still going to be able to get your teams assistance with this effect?

Sincerely,
Stacy Esposito