Docs

[logoglo]

http://www.logoglo.com/ Scroll down to prices.

On the ipad and mobile, it all lines up even on the bottom, and looks great, but on the desktop, its all uneven at the bottom, any way I can make the height of each column the same?

Thanks.

[Rahul]

Hi there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[logoglo]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for providing the information. To resolve this issue, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

  #prices .x-pricing-column h2 {
    min-height: 68px;    
  }

  #prices .x-pricing-column-info {
    min-height: 470px;
  }

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

[logoglo]

It didnt seam to work on the fullscreen, just on mobile screens when they stack.

[Friech]

Hi There,

Try this code instead.

@media (min-width:  768px) {
	.home #x-content-band-5 .x-pricing-column-info ul>li {
		 min-height: 118px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
}

I have a clarification, how do you want to align the 3rd, 4th, and 5th columns from the first two? Since it only have 4 rows (features).

Thanks.

[logoglo]

I would like the shortest ones to align with the tallest of the 5.

[Nico]

Hi There,

Upon creating CSS to achieve the alignment of the columns,I was not able to achieve it. It is quite a technical customization and it would be best that you would contact a custom developer.

Thank you so much for understanding.

[Author]

Posts