Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1284731

    Hallo,

    ich versuche das Mouse Over bei meiner Portfolio Übersicht zu ändern:

    Ich habe diese CSS:

    .av-masonry-entry .av-masonry-entry-title + .av-masonry-entry-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    width:90%;
    height:50%;
    background: #000000;
    text-align: left;
    }

    Jetzt ist aber der Titel weg. Und die Schrift ganz nach oben gerutscht.

    Ich hätte eigentlich gerne so einen Effekt:

    Liebe Grüße
    Petschka

    #1284788

    Hey petschka,

    Can you show us what you’ve got so far?

    Best regards,
    Victoria

    #1285032

    Hallo Victoria,

    I need an email Adress for Login in. The Site isn’t online yet.

    Best regards,
    Petschka

    #1285061

    Hey,

    You can use (Email address hidden if logged out) but please post admin logins here privately so any available moderator can look into it :)

    Best regards,
    Yigit

    #1285642

    Hi,

    sent all sent all details, but become no answer. Something wrong?

    Best Regards,
    Petra

    #1285707

    Hi Petra,

    Please post logins here privately so we can look into it.

    Best regards,
    Yigit

    #1285715

    Hi Yigit,

    her the privately logins.

    Best regards,
    Petra

    #1285741

    Hi Petra,

    I changed the code to following one

    .av-masonry-entry:hover .av-inner-masonry-content-pos-content {
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	padding: 20px;
    	width: 75%;
    	height: 20%;
    	background: #000000;
    	text-align: left;
    	-webkit-transform: translateX(-70%) translateY(-50%);
    	-ms-transform: translateX(-70%) translateY(-50%);
    	transform: translateX(-70%) translateY(-50%);
    	-webkit-transition: -webkit-transform .4s ease-in-out;
    	-o-transition: transform .4s ease-in-out;
    	transition: transform .4s ease-in-out;
    	transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
    }
    
    .av-masonry-entry .av-inner-masonry-content-pos-content {
    	-webkit-transform: translateX(-170%) translateY(-50%);
    	-ms-transform: translateX(-170%) translateY(-50%);
    	transform: translateX(-170%) translateY(-50%);
    	-webkit-transition: -webkit-transform .4s ease-in-out;
    	-o-transition: transform .4s ease-in-out;
    	transition: transform .4s ease-in-out;
    	transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
    }

    Please review your website :)

    Best regards,
    Yigit

    #1285749

    Wow! Thanks a lot. This ist very smart! :-)

    Best regards,
    Petschka

    #1285750

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Masonry – Mouse Over’ is closed to new replies.