[mertkahraman42Participant]

Here’s the situation:

https://www.dropbox.com/s/icp6xy2r6w2nisa/Screen%20Shot%202015-07-29%20at%203.20.45%20AM.png?dl=0

How could vertically align these images on within their column, so they would like centered with respect to each other?

[Paul RModerator]

Hi,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Pro Web AssistParticipant]

Hey mertkahraman42,

The easiest way to achieve vertical column alignment is by switching ON Marginless Columns for the Row in Cornerstone. This changes the CSS display property for each column from block to table-cell, which then allows you to add vertical-align: middle !important; to Style for each column that requires vertical alignment. Alternatively you can just add a Class (like rowWithCenteredColumns) to the Row with Marginless Columns and then add this to page CSS:

.rowWithCenteredColumns .x-column {
  vertical-align: middle !important;  
}

That way you don’t have to add styles to each column you want to center – the styles will be automatically applied to all columns within Row that has rowWithCenteredColumns class.

Hope that helps,

Alex

[Paul RModerator]

Thanks for sharing Alex.

Have a nice day! 🙂

[mertkahraman42Participant]

This reply has been marked as private.

[Paul RModerator]

Hi,

To make it align vertically, I added a class(logo-row) to the content band where the images resides.

Please add the code below under Custom > CSS in the Customizer.

.logo-row  {
    text-align:center;
}
.logo-row .x-column.x-1-6 {
     display:inline-block;
     vertical-align:middle;
     float:none;
          width: 13%;
}

Hope that helps.

[mertkahraman42Participant]

This reply has been marked as private.

[Rue NelModerator]

Hey There,

Please edit the page and use enable the Marginless columns in your content band setting. Once set, you do not need any css, the logos will automatically align horizontally.

Please let us know how it goes.

[Author]

Posts