An easy way to align buttons in Call To Action down towards the bottom?

I've finally managed to get horizontal rows of Call to Action modules like I wanted them to be.

However, I keep failing to get the buttons towards the bottom - and I think I've tested most of the instructions online.

Is there an easy CSS code that I've managed to miss?

(I intend to add Call to Action modules to the rows over a long period of time, so it would be great if the CSS would take that into account and do it automatically)

 

Well, the website is under lock and key.

However, I'll share a screenshot that shows one of the three rows on my site.

I'm trying to get the buttons (the ones with names on them) aligned in an orderly fashion in a straight line but I don't want the names so high up; I want them near the bottom of the images. I know I could probably use padding, if I could get it to work - but I would like the buttons to align up automatically.



This website also shows well what I'm talking about - sadly the instructions aren't working for me - perhaps because I'm using Call to Action(?): https://quiroz.co/align-buttons-to-the-bottom-of-the-row/

 

Surely it's got to be some CSS wording or a CSS line I need to add somewhere.

But I made an image of what I want to achieve (removing the ugly horizontal scroll bar and "geotagging" the row is a future problem). The row above is from my website and the image below is from Paint (which shows what I want to achieve).

 

I googled what you suggested and found out, according to Divi's own documentation, you need to be able to open up 'Button Settings', whereas I only get 'Call To Action Settings' when I right click a button.

When I do Call To Action Settings > Position > Absolute, that just makes the row much thinner and removes the module whose button I was trying to change.

Adjusting 'Location' does nothing.

When I removed the Position Absolute back to normal, and went to Design > Button and working with the margins does put the button down but it stretches the images, so that some images show a black bar ...then again maybe I could try to work on those with some free image resizing website. Although working with the margins raises the risk of the buttons not being uniform. And the padding, of course, doesn't work in this instance.


Surely there's got to be at least a widget or a plugin a newbie like me could buy? But if not, I guess the only thing is to delete the row, start again, and make the modules be Blurb and work on those buttons individually?

 

I put that into the Main Element in the Custom CSS in the Call To Action Settings and all it did was just to change the appearance of a button back into what I started with. It didn't move it close to the bottom.

 

I'm very much a novice; what height would I have to set a "px" number to - the 'Min Height'? 'Height'? Or 'Max Height'?

Also, I have no idea how I managed to put the row together like I did, but all the images are background as that's the only way to get images into the Call To Action module. But I specifically chose Call To Action because it had a "built in" button; and removing that (taking out the text in the 'Link') and adding the module 'Button' just creates additional headaches, and putting Position > Absolute just makes it take off somewhere, and clicking the corners makes it go from one end to another. Not ideal at all.


Frankly, Divi disappoints me.

 

Thanks, I was able to view it but not import it - even though I read tutorials on how to import it and watched YouTube videos. No matter what, I wasn't able to conquer "This file should not be imported in this context." (and sadly but predictably Divi didn't display any text explaining it further).

Thank you anyway for you effort.

Guess I'll just do one module at a time and then duplicate it and if the button is misaligned, just try to adjust it or take out that individual module and place another instead.

But thank you very much for you patience and help.

 

I haven't signed in here for quite a while and saw you had a recording for me, and I was hoping it would be the end of my problem. However, it was what I already knew and the same problem still persists - as can be seen in the screenshot above (you get a green check-mark while I get the annoying message in the screenshot).