Align images in column

[maximearmstrong]

Hello there,

I would like to “vertical-align bottom” the logos of my partners in my http://www.pluriels.ca home page. They are in columns at the moment.

I attached a picture in order to show you the issue.

Regards,
Maxime

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Unfortunately that’s not possible as you are just using the standard wordpress text box and media, rather than a clients asset for e.g.

To vertically align an element the html has to be set up in a certain way with certain css properties on each wrapping div.

– Kyle

[maximearmstrong]

Hi!

Okay, no prob. Is there any other way that I can do this? Align every picture from the lower side?

Maxime

[Rui Guerreiro – SUPPORT]

Hi,

You can adjust the margin-top of the second column and third column.

You should also use the columns provided in the Swift Page Builder and add an extra class so you can adjust the margin-top.

-Rui

[maximearmstrong]

Hi Rui,

Thanks for this. What would be the right code in order to do this? Could you help me out with it?

Regards,
Maxime

[Kyle – SUPPORT]

In your columns use something like

client-col-1

in your extra class field, then 2 and 3.

Then in your custom css use:

.client-col-1 {
  margin-top: 5px;
}

Same for client-col-2 and client-col-3

– Kyle

[maximearmstrong]

Hi Kyle,

It worked well, thanks!

Maxime

[Kyle – SUPPORT]

Great! No problem

– Kyle

[wmstudio]

Kyle I have a very similar issue.

I have an “image box” on the left and “text box” on the right.

I need the image to be vertically top aligned.

What is the easiest way to achieve this?

Thank you, in advance.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

There’s no reason that image should be at the bottom like that. Please can you provide the link?

– Kyle

[wmstudio]

Hi Kyle,

This is the link:
http://demo.ismysiteup.org/demo/meet-the-team-depesh/

[wmstudio]

The Image inst at the bottom. My apology. The image is vertically in the middle position.

I need it to be at the top.

[Kyle – SUPPORT]

You’re using Cardinal, not Dante.

For the Row, you have ‘Vertically centre elements in row’ enabled, you need to turn that off

– Kyle

[wmstudio]

Gosh, I know for next time.

Thanks Kyle, worked a treat!

[Kyle – SUPPORT]

No problem