Home Forums Air WordPress Theme Mouseover effect of projects above Mor Button on Project Item Page

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #19208
    rodipietro
    Participant
    Purchased

    Hello. How can I change the mouseover effect of projects above More Button on Project Item Page (Gallery Post)? Right now, the effect is a gray transition. I would like it to be a zoom in.

    Thanks.

    #19210
    SeaTheme
    Keymaster
    Purchased

    Hi,

    Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

     .ajaxed-grid-item .lazy-loaded { transition: all .5s; }
    .ajaxed-grid-item:hover .lazy-loaded {transform: scale(1.05);}
    .ajaxed-grid-item .grid-item-con:after { background-color: transparent; }

    Regards!
    SeaTheme – SeaTheme.netTwitterFacebook

    #19217
    rodipietro
    Participant
    Purchased

    Thank you!

    Is there a way to hide the name of project/category?

    #19222
    SeaTheme
    Keymaster
    Purchased

    Hi,

    Please use the custom CSS:

    .ajaxed-grid-item .grid-item-con-text {
        display: none;
    }

    PS: We are on vacation until August 21. We will answer the new questions later. Sorry.

    #19228
    rodipietro
    Participant
    Purchased

    Perfect! Thanks.

    #19457
    rodipietro
    Participant
    Purchased

    Hey! Back again. I just saw that the name of project/category (on projects above More Button on Project Item Page) is still working on mobile. How can I disable?

    #19467
    SeaTheme
    Keymaster
    Purchased

    Please add the custom CSS:

    .touchevents .grid-item-con.air-hover .grid-item-con-text {
        display: none;
    }
    #19476
    rodipietro
    Participant
    Purchased

    It worked, but now I can’t click on them!

    #19483
    SeaTheme
    Keymaster
    Purchased

    Please remove the custom CSS:

    .touchevents .grid-item-con.air-hover .grid-item-con-text {
        display: none;
    }

    Please go to Appearance>Theme Editor, look for the js/custom.theme.js, remove line 1577
    themeData.fnPofrtoliloFixHover(_this_wrap.siblings('.ux-portfolio-ajaxed-list-wrap').find('.grid-item-mask-link'));

    Regards

    #19487
    rodipietro
    Participant
    Purchased

    I did it, but now it’s like it was. I can click, but the text appears.

    #19493
    SeaTheme
    Keymaster
    Purchased

    Please clean the browser to test, if it doesn’t work, please leave the issued page URL.

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!