Support Forumdelete the overlay effect on the portfolio – Support Forum

delete the overlay effect on the portfolio

simonadp — Thu, 25 Sep 2014 14:29:00 +0000

i need to delete the overlay effect from my portfolio posts, for example here:

i just want to view the title with the permalink, fixed. can you help me? thanks

Reply To: delete the overlay effect on the portfolio

IshYoBoy — Fri, 26 Sep 2014 04:53:34 +0000

Hey,

If we understand it correctly and you are trying to remove the “color” overlay from over the image you can simply do it by adding css code to the “Custom CSS” field under Theme Options -> General Options tab:

.ish-p-item .ish-p-overlay > span{
	background-color: transparent !important;
}

.ish-p-item .ish-p-overlay > span{

background-color: transparent !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: delete the overlay effect on the portfolio

simonadp — Fri, 26 Sep 2014 13:14:11 +0000

sorry, I was unclear. i don’t want to remove the color, i want to remove ONLY the overlay on the featured image, but keeping the color. better to say, i want to remove the mouse over. in the portfolio options, my settings are “Direction of the animation on mouse over = IMAGE”. but i do not use any image, so i want just to keep the title of the item, and its background-color. nothing more. so the question is:
how can i delete the mouse over? thanks for your patience!

Reply To: delete the overlay effect on the portfolio

IshYoBoy — Mon, 29 Sep 2014 08:42:25 +0000

Hey there,

thanks it’s more clear now for us. Please use this short snippet, it should do the trick ;)

.ish-sc_portfolio a:hover .ish-p-overlay > span {
	opacity: 1 !important;
}

.ish-sc_portfolio a:hover .ish-p-overlay div .ish-p-title span {
	opacity: 1;
}

.ish-sc_portfolio.ish-p-zoomin-inverse a:hover .ish-p-overlay div .ish-p-headline {
	padding-bottom: 0 !important;
}

.ish-sc_portfolio.ish-p-zoomin-inverse a:hover .ish-p-overlay .ish-p-cat {
	padding-top: 0 !important;
}

.ish-sc_portfolio a:hover .ish-p-overlay > span {

opacity: 1 !important;

}

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

opacity: 1;

}

.ish-sc_portfolio.ish-p-zoomin-inverse a:hover .ish-p-overlay div .ish-p-headline {

padding-bottom: 0 !important;

}

.ish-sc_portfolio.ish-p-zoomin-inverse a:hover .ish-p-overlay .ish-p-cat {

padding-top: 0 !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: delete the overlay effect on the portfolio

simonadp — Mon, 29 Sep 2014 12:28:19 +0000

great! it works. thank you very much!

Reply To: delete the overlay effect on the portfolio

IshYoBoy — Tue, 30 Sep 2014 07:05:14 +0000

Hi,

Happy to hear that! Hope working with Boldial is a pleasure! Have fun and feel free to rate us on ThemeForest if you are satisfied.

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