Carousel / Lightbox
-
I am creating a portfolio site and I am using lightbox as an additional way to view images on the project pages. Some projects have carousels included on the pages too. Is there a way to make the carousel images appear within the lightbox along with the rest of the images from the page?
Also, I have seen on the forum how to change the cursor for next, previous and also links. However, I can't get the cursor to change when hovering over an image which would activate the lightbox.
Finally, is there a way to make the lightbox images loop?
http://founded.design/testing-testing-123
Thanks!
-
Dear @Anthony
to answer your first question: No. That is not possible.
The second one: You can change the CUSTOM CSS. So when you hover over a link or a div which you define, you can change the cursor:
.lay-textformat-parent a:hover, a.projectlink .lay-textformat-parent>*:hover { border-bottom-width: 1px; cursor: zoom-in; }
And the third question: Not yet. I will write that down for the future.
Best!
Marius
-
Hi Marius
Thanks for your reply, that css works great for a text link, can you tell me what the id or class is to style an image that activates the Lightbox?
Thanks again.
-
Dear @Anthony
you can inspect the website by making a right click on an element of the website.
Then click inspect website. Works on Chrome and Firefox as default.There you can have a look what the CLASS or ID for an image.
Hope I could help!
Best!
Marius
-
@mariusjopen also would love the option to loop the lightbox.
-
Before you post
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it