How to Align Buttons to Bottom of 4 Columns in 1 Row

[core365]

Hi, I hope you can help, I’m trying to figure out how to align the buttons to the bottom of 4 columns in 1 row. I’ve tried using a separate row element within the column and setting the flex to align to the bottom, but nothing happens. It only does it when I set the column flex to align to the bottom, but then it effects the whole content within the column and it’s only the button I want aligning to the bottom of the column.

Here’s a screen grab of the row:

I’ll put the URL link to the page along with the password in a secure note as I’ve got a construction page up at the moment.

Thanks!

[tristup]

Hi @core365,

The problem is due to the height of the last Text element before the Button, I would suggest you go through the following thread that explains the problem for the equal height.

Geometry Grid Not showing on mobile

Thank you, that worked. The only thing is the columns are not equal below. See the Screenshot below; [Markup on 2022-05-31 at 19:38:56] I want them to be like this; [Markup on 2022-05-31 at 19:39:10] Thank you for your help!

Height for marginless column

Hello! I have a set up a layout where on the left side is an image, and on the right side is scrollable text. When the text is longer than image, I want the text column size to be same as image size, and scroll the remaining text within that area. How to get this fixed height?

WooCommerce product image height to be the same and centred please!

Hi @core365, To make the height of all 4 products, make sure that the images are in proper aspect ratio and size. In your case the image of the 4th product is not at the same height, I would suggest you add the image in the same size or add the following JavaScript code into the Theme Options > JS to match the height forcefully while loaded. jQuery(document).ready(function($){ var max=0; jQuery(".memorial-range li.product img").each(function(index, el) { console.lo…

Woocommerce background color

Thank you for your reply. It solved the problem partially. There is a still issue with the position of prices. We want to have the prices in the same line [Bez názvu] so is there a way how to put a gap between product name and the price? (so the price will be always “the fourth line”) Michael

If you are not proficient, I would suggest you hire a developer who can assist you to do the customization or you can avail of our newly launched service called One, where we answer the questions beyond normal theme support.

Thanks

[core365]

Hi @tristup

Ok, thanks for the links. I didn’t realise I’d have to use JS or CSS, I thought there would have been a solution using the flex settings in the column/row that I didn’t know about!

Thanks for your help!

[tristup]

Hi @core365,

You are most welcome.