Left align carousel & captions/numbers
-
Hi, I've been trying to get my carousel and captions/numbers left aligned as on
this laytheme site: http://colindoerffler.com/I took some earlier advice this person was given and tried using this CSS:
.col .lay-carousel img.h100 {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
left: 0%;
}but it's still not working quite the same... maybe someone knows something I can do to achieve that effect?
also the captions seem to shift around in position, especially on mobile they appear far below the carousel.My site at the moment: http://robbyday.info
can supply further necessary info in PM if anyone is willing to help.
Thanks!
-
-
Yes, I've since changed the look of the site since I couldn't find an answer for this problem, but Ideally would like to be able for it to work almost exactly like the example I posted but with captions under the image as you suggest. Thanks in advance for any help/insight you can give!
-
http://www.robbyday.info/testing
I've since tried this method again, I'm just making a uniform size for the images to save trouble, but the captions appear to shift horizontally as you click through them. any idea what might cause this? -
-
Thanks Marius,
Just checking in to see if any progress has been made on this bug, as this is ideally how I'd like my site to function. I've noticed a few others reporting this same issue. Let me know if there's any other information I can provide. Thank you!Robby
-
-
Hey, as I mentioned in my email:
Hey Hanna,
It seems you have chosen a textformat "_courier klein" that does not work.
textformats cannot contain spaces. Or maybe that textformat was deleted? Please choose a different textformat in lay options -> carousel addon -> captions - textformatTry to target the ".captions-wrap" with css that moves it away.
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it