Left align pictures in carousel
-
Hey guys,
I'm new here and I hope someone can help me.
Every project on my website includes a carousel showing images with two different aspect ratio (4:3 and 3:4).I want that the 3:4 images align on the left. I already saw another topic where this code helped...
.col .lay-carousel img.h100 {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
left: 0%;
}...but when I include it in my custom css nothing happens. Also it replies with some error messages. I don't know, maybe the class for the carousel is wrong. I'm also not a pro in in css or html. I'm very thankful for every tip but you talk to a real wordpress dummy! :D
This is the project:
http://lukas-zander.com/hallo-wie-war-der-winter/ -
Dear @lukaszander
I do not quite understand what you are looking for.
On the project you showed, all the images are on the left.Best!
Marius
-
I want the 3:4 images align on the left side of the carousel and above the start of my captions under the images. In other words, I want that all my images in the carousel start at the same top left corner. Here you have an example of how I want it:
The problem of this method is that I have to put my image on a white 4:3 area in photoshop, than I have to export it again. It's very impractical.
The carousel always align the 3:4 images in the middle of it:
Maybe there is a better way to move the 3:4 images in the carousel. Hope now it's clear :)
-
Dear @lukaszander
there is not really a right way to do it.Probably it is playing with CSS.
I hope you will manage!
Or ask a developer.Best!
Marius
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