Mouseover effect of projects above Mor Button on Project Item Page

[rodipietro]

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.

[SeaTheme]

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.net – Twitter – Facebook

[rodipietro]

Thank you!

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

[SeaTheme]

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.

[rodipietro]

Perfect! Thanks.

[rodipietro]

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?

[SeaTheme]

Please add the custom CSS:

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

[rodipietro]

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

[SeaTheme]

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

[rodipietro]

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

[SeaTheme]

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

[Author]

Posts