Important:
This support area is for Kalium 3 users only.
Support for Kalium 4 has moved to our new platform at support.laborator.co.
If you’re using Kalium 4, please create a new account there using your email and license key. A password will be sent to you automatically.
I’m keen to create two styles for tiles in my portfolio.
– I want to remove the title/tags on all “lightbox” tiles
– I want to keep just the title on any other type of portfolio item.
Page to look at (first tile is the only one without lightbox)http://www.ad09c782d196db2528052074a-12913.sites.k-hosting.co.uk/portfolio/#jessica-mccormack
I had a crack, but no luck:
.portfolio-item.portfolio-item-type-3 .portfolio-holder .thumb .hover-state .info{ display: none; }
Many thanks, Will
Hi William,
I couldn't understand the second question, how do you want to keep just the tittle on any other type of portfolio item when you want to hide them?
Anyway, here is the code for your first question:
.portfolio-holder .thumb .hover-state.position-bottom-right .info { display: none; }Best regards,
Laborator Team
Hey Art,
This isn't quite the solution I'm after. I want to remove the titles only if they are lightbox portfolio items.
portfolio-item-type-6 are lightbox tiles.
Hi William,
Sorry, I didn't understand your question, use the code below and it should work:
.portfolio-holder .portfolio-item-type-6 .thumb .hover-state.position-bottom-right .info {display: none;
}
And this to hide the tags and keep only the titles on the other types of items:
.portfolio-holder .thumb .hover-state .info p { display: none; }Best regards,
Laborator Team
Excellent. This solved it. Cheers
Art, 1 more thing. I'm hoping to make the tiles grayscale on hover...
Which elements do I need to target to achieve this? Code is below.
img.grayscale { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } img.grayscale:hover { filter: none; -webkit-filter: grayscale(0%); }I've worked it out. Thanks
Glad to hear that William, and sorry for the delay cause we were not available in weekend.
Best regards,
Laborator Team