Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Addons
  3. Left align pictures in carousel

Left align pictures in carousel

Scheduled Pinned Locked Moved Addons
4 Posts 2 Posters 626 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • L
    L
    lukaszander
    wrote on last edited by lukaszander
    #1

    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/

    1 Reply Last reply
    0
    • mariusjopenM
      mariusjopenM
      mariusjopen
      Global Moderator
      wrote on last edited by
      #2

      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

      www.mariusjopen.world

      1 Reply Last reply
      0
      • L
        L
        lukaszander
        wrote on last edited by
        #3

        @mariusjopen

        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:

        Bildschirmfoto 2020-03-14 um 14.38.13.png

        Bildschirmfoto 2020-03-14 um 14.38.21.png

        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:

        Bildschirmfoto 2020-03-14 um 14.38.28.png

        Maybe there is a better way to move the 3:4 images in the carousel. Hope now it's clear :)

        1 Reply Last reply
        0
        • mariusjopenM
          mariusjopenM
          mariusjopen
          Global Moderator
          wrote on last edited by mariusjopen
          #4

          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

          www.mariusjopen.world

          1 Reply Last reply
          0

          Hello! It looks like you're interested in this conversation, but you don't have an account yet.

          Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

          With your input, this post could be even better 💗

          Register Login
          Reply
          • Reply as topic
          Log in to reply
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes


          Online Users
          M
          michael_vvc
          Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
          laytheme.com
          • Login

          • Don't have an account? Register

          • Login or register to search.
          • First post
            Last post
          0
          • Recent
          • Tags
          • Popular
          • Users
          • Search