Support ForumDisable some mouse over effects on Portfolio item – Support Forum

Disable some mouse over effects on Portfolio item

milosholaya — Fri, 12 Dec 2014 16:23:51 +0000

Hi,

When I add the Portfolio item, I would like to leave the “Zoom In & Rotate” Animation there, but I would like to remove Text Animation and Color Hover Effect on Mouse Over. How do I do that?

Thanx,
Milosh

Reply To: Disable some mouse over effects on Portfolio item

IshYoBoy — Fri, 12 Dec 2014 17:58:55 +0000

Hi Milosh,

If you inspect the HTML structure and mainly the element with class “ish-p-headline” you will see that it has these classes applied to it when hovered:

.ish-sc_portfolio.ish-p-zoomin a:hover .ish-p-overlay div .ish-p-title span, 
.ish-sc_portfolio.ish-p-zoomin-rotate a:hover .ish-p-overlay div .ish-p-title span {
	margin: 0 !important;
	padding: 0 !important;
	opacity: 1;
}

.ish-sc_portfolio.ish-p-zoomin a:hover .ish-p-overlay div .ish-p-title span,

.ish-sc_portfolio.ish-p-zoomin-rotate a:hover .ish-p-overlay div .ish-p-title span {

margin: 0 !important;

padding: 0 !important;

opacity: 1;

}

You need to ensure this code is applied also when not hovered so just add some custom css like:

.ish-sc_portfolio.ish-p-zoomin a .ish-p-overlay div .ish-p-title span, 
.ish-sc_portfolio.ish-p-zoomin-rotate a .ish-p-overlay div .ish-p-title span {
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0;
}

.ish-sc_portfolio.ish-p-zoomin a .ish-p-overlay div .ish-p-title span,

.ish-sc_portfolio.ish-p-zoomin-rotate a .ish-p-overlay div .ish-p-title span {

margin: 0 !important;

padding: 0 !important;

opacity: 0;

}

Use the same steps for any other part you would like to change ;)

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Disable some mouse over effects on Portfolio item

IshYoBoy — Fri, 12 Dec 2014 18:02:55 +0000

Ah I see now.

Ignore the code above. Just add this code to your child-theme.css or to the Custom CSS filed in theme Options:

.ish-sc_portfolio .ish-p-col a .ish-p-overlay{
	display: none !important;
}

.ish-sc_portfolio .ish-p-col a .ish-p-overlay{

display: none !important;

}

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Disable some mouse over effects on Portfolio item

milosholaya — Sat, 13 Dec 2014 19:31:28 +0000

That’s it. Thanks a lot. :)

Reply To: Disable some mouse over effects on Portfolio item

IshYoBoy — Mon, 15 Dec 2014 06:05:33 +0000

Sure thing ;) Glad it helped!

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market