On the portfolio part, I would like to know if there is a way to make the description text (title & category of each project) appear on the hoover, centered under the animated eye icon ? If not, is there a way to remove this text (and keep the hoover with animated eye icon) ?
Sorry, my question was maybe not very clear. My first wish would be to put the title under the animated eye icon (optionally without category recall), and if it's not possible, I would like to keep the animated eye icon but remove the titles & category recall under the preview.
P.S: If you like the theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab. A huge thank you from Laborator in advance.
Hi !
On the portfolio part, I would like to know if there is a way to make the description text (title & category of each project) appear on the hoover, centered under the animated eye icon ? If not, is there a way to remove this text (and keep the hoover with animated eye icon) ?
Thank you !
Hi johanna-c,
Do you mean like this one:
(view large image)
If so, then just set hover text position to center in theme options:
(view large image)
Hi Arlind !
Thanks for your answer :)
Sorry, my question was maybe not very clear.
My first wish would be to put the title under the animated eye icon (optionally without category recall), and if it's not possible, I would like to keep the animated eye icon but remove the titles & category recall under the preview.
Is there a way to do that ?
Kind regards
Johanna
Hi Johanna,
I guess I understand you know, so here is the workaround for you:
.portfolio-holder .thumb .hover-state {
background-image: url(//demo.kaliumtheme.com/main/wp-content/themes/kalium/assets/css/../images/icons/eye.gif);
background-repeat: no-repeat;
background-position: center;
background-size: 40px;
}
.portfolio-holder .thumb .hover-state .likes,
.portfolio-holder .thumb .hover-state .info {
visibility: hidden !important;
}
Add the above CSS to Custom CSS. See how it looks in this video:
https://d.pr/v/dnovco
Thanks a lot Arlind, that's it ! (and it works :) )
Is there any way I can make just the name of the project appears under the eye gif (not the category)?
Thanks,
Kind regards
Johanna
Hi Johanna,
Sure you can do that, please replace the previous CSS I gave you with this one:
.portfolio-holder .thumb .hover-state {
background-image: url(//demo.kaliumtheme.com/main/wp-content/themes/kalium/assets/css/../images/icons/eye.gif);
background-repeat: no-repeat;
background-position: center;
background-size: 40px;
}
.portfolio-holder .thumb .hover-state .likes,
.portfolio-holder .thumb .hover-state .info .terms {
visibility: hidden !important;
}
.portfolio-holder .thumb .hover-state .info h3 {
margin-top: 50px;
}
The result will be:
https://d.pr/v/gQA1vk
Hi Arlind,
It's exactly how I wanted it to appear,
Thanks a lot !
Kind regards
Johanna
Glad to hear that Johanna
I wish you a great week!
Will set this ticket as solved from here.
P.S: If you like the theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab. A huge thank you from Laborator in advance.