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).
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:
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!