Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • January 9, 2020 at 8:20 pm #1171939
    gharry79

    Hi,
    how I can make a better hoover effect from a row element? Here you can see 2 rows “CINQUE” and “NOWADAYS” https://www.samoshoes.com. If you hoover on this you can see a little hoover effect. So I want to make a better effect, so people can see, and say, hey I can click on this. I also want to add a text if I hoover the element, like “more about…”
    Because the people can’t find that they can click on theses elements . I want make it more visible.
    Thank you.
    Best,
    Harry

    January 10, 2020 at 1:38 pm #1172151
    Mike

    Hey gharry79,
    The following css will increase the size of the rows on hover and add the text “More About” above the titles, Please try this css in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top.home #brands .flex_column.avia-link-column.first:hover {
	animation: grow 2s;
	animation-fill-mode: forwards;
}
@keyframes grow {
  to {
      transform: scale(1.2)
  }
}
#top.home #brands .flex_column.avia-link-column.first:hover .av-special-heading-h1:before {
	content:"More About\A";
}

    Then clear your browser cache and any cache plugin, and check.
    Here is a screenshot of the expected results (click to play gif):
    video gif

    Best regards,
    Mike

    January 10, 2020 at 6:19 pm #1172281
    gharry79

    Wow, that works perfect Mike.
    Thank you very much!

    One more question please. If you go on the same site: https://www.samoshoes.com and scroll down to the 3 flip elements “About” “Tel” and “eMail:” and hoover about this, then the flip need a lot of time to work. I also think, that this page with the flip works very slow.
    Please can you check this?

    Thanks a lot!

    Best,
    Harry

    January 11, 2020 at 1:01 pm #1172374
    Mike

    Hi,
    Glad to hear that this is working for you. I looked at your flip items and reloaded the page a few times, but the flip items flip quickly for me. Please see the screencast in Private Content area.

    Best regards,
    Mike

    January 11, 2020 at 7:49 pm #1172439
    gharry79

    Thanks Mike. I meant if the site loaded then the flips are good. But I think that the page load is really slowly and it needs a long time if I can see the flip working.
    Thanks 🙏🏼
    Best,
    Harry

    January 11, 2020 at 8:13 pm #1172444
    Mike

    Hi,
    Oh, I see. One thing I notice is an image not from your domain that is timing out and trigging a “mixed content” warning, see url in the Private Content area. It looks like a staging site url from before you went live and is in your subtext function, probably in your functions.php
    Since this image never completes it is causing your site to just keep “loading”, please try correcting this.

    Best regards,
    Mike

    January 11, 2020 at 9:05 pm #1172449
    gharry79

    hmmm, how I can fix that? Sorry it’s the first time when I have this problem :-)

    Huge thanks Mike.

    Best regards,
    Harry

    January 11, 2020 at 9:32 pm #1172453
    gharry79

    I transfered the domain with an auth.code and then I got this alias address x2wub…… On this site I created in the meantime the website and after the transfer was done I set the DNS and the wp_options and root this alias to the right site http://www.samoshoes.com
    But now I don’t know what I have to do with that mixed contend error. Maybe you can help me please :-)
    Thanks a lot.
    Best regards,
    Harry

    January 12, 2020 at 2:32 pm #1172527
    Mike

    Hi,
    I believe you have this code in your functions.php:

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub) {
    $sub .= 'image url here';
    return $sub;
}

    or something very similar, if you find it try removing it if it has the url I posted above.
    If you don’t find it, please include an admin login in the Private Content area so we can be of more assistance.

    Best regards,
    Mike

    January 12, 2020 at 2:43 pm #1172528
    gharry79

    Hi Mike,
    I can’t find a code like this.
    Best,
    Harry

    January 12, 2020 at 5:46 pm #1172549
    Mike

    Hi,
    I found the url in your Enfold Theme Options > Header > Transparency Options > Transparency Logo so you can replace your transparent logo or remove it.

    Best regards,
    Mike

    January 12, 2020 at 7:46 pm #1172562
    gharry79

    Wow that’s awesome Mike.
    THANK YOU VERY MUCH for your amazing support. The page speed is now very very good and fast.
    Best regards,
    Harry

    January 12, 2020 at 9:18 pm #1172574
    Mike

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

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Hoover Effect on a row element’ is closed to new replies.