How do I get the pictures to align

Support
#1

How do I make sure there is no overlap on the pictures all screens

#2

Hello @VelocityWeb,

Thanks for asking. :slight_smile:

You can add following CSS under Pro > Theme Options > CSS:

.x-image img {
    margin-top: 20px;
}
```
>1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

>2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.
#3

Thanks, that’s ok, but is there any way to ensure the vertical line up of the images?

#4

Hello @VelocityWeb,

Do you want something like this?

If that is the case, please do the following:

  • Please disable the marginless columns options in all of your row settings
  • And then remove this custom csss
.x-image img {
    margin-top: 20px;
}

We would loved to know if this has work for you. Thank you.

#5

Thanks perfect :grinning:

#6

Glad to know That!

Thanks

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.