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.
Hi there Laborator,
as always ... any of my question (appart from No. 3) might touch on 'customization' too much ... it's of course your choice then :-)
1. We're using the "Laborator Portfolio Items" element in Visual Composer rows of 3 or 4 items on several pages.
Observation: The 4 item row jumps to 2 items per row below 768px viewport width, yet above that width the thumbnails just shrink to make 4 of them fit in a row. This leaves up to half of the screen unused eg. on a tablet in portrait view.
-> From a responsive perspective it would be desirable to have the 4 item row designs switch to 3 items per row in order to make a better use of the display space. Is there a way to achieve that? Thanks
(-> see attachment 'k2-portfolio-tablet.jpg')
2. Portfolio: Animation Slow Down
Is it possible to slow down the animation speed at which the portfolio item thumbnails move around when clicking the filters? I find these a bit "jumpy" and would like to add a bit more "gravity" to the otherwise nice effect.
(link in private post).
3. Link Color Issue
We are using a custom skin where the link color is set to a golden tone which works fine with one exeption: After (a) clicking a link and (b) when the mouse is moved away, the link is colored in a turquois green. When the mouse remains hovering over the link, this does not appear. Of course, as the unwanted color is only visible a short period of time (until the page changes) this is just a minor annoyance. It nevertheless looks like a bug.
Investigating with developer tools shows that a lighter turquoise (#00b19e) is present in css-rules 5 times, and a darker one #00655a one time. I don't know which one is the one getting active as described above.
(see attachment 'link-color.jpg' plus link in private post).
Thanks in advance!
Best regards,
Wolfgang
Hi Wolfgang,
This is a customization question (as you also wrote) and support doesn't offer customization services as we wrote on our documentation homepage. I will try to help you this time though :)
1— That is happening because Bootstrap doesn't offer this option for the moment. But you can apply this CSS on your Custom CSS:
@media screen and (max-width: 768px) { .portfolio-holder .portfolio-item.w3 { width: 33.333% !important; } } @media screen and (max-width: 480px) { .portfolio-holder .portfolio-item.w3 { width: 50% !important; } }This will make 3 projects on screens (480px-768px) then it will show.
on 480px screens it will show 2 projects, if you want 1 project only just write 100% instead of 50% on the code that i wrote.
2— I'm sorry but this option is not available for the moment.
3— Can you please add the code below to Custom CSS
a:focus, a:hover { color: #af9e66 !important; }Hi Ylli,
well, thank you very much, I couldn't think of a better assistance ...
1 - I now do understand how to fine tune the portfolio thumbnails arrangement for any screen width. [ obsolete code correction removed ]
2 - No problem ...
3 - This is a plain fix ... the green color is gone.
Again, thanks for your great support (... and just FYI I just renewed the period that had only 3 days left).
Kind regards,
Wolfgang
Hi Wolfgang,
1— You are very right, i just edited the code on my last reply.
Glad to hear your kind words
Have a great day!