PayPal button at bottom

Support
#1

Hi there,

On http://collaborative-staging.com/edfuel/services/peer-learning-communities/, I am working to align the product boxes so that they are the same size. I’ve got the minimum height set, but I’m struggling to get the “Pay with Paypal” link to sit at the bottom. Is this something that can be done through configuration or do I need CSS for it?

Thank you much!

#2

Hi There,

Thank you for writing in, unfortunately there is no configuration for that. Good thing you have class product-box on your 1/3 columns though it seems you only added it on the first 3 columns? Please apply that class to all of your product boxes (1/3 column) and then you can use this custom CSS.

@media (min-width: 768px) {
	.x-column.product-box {position: relative;}
	.x-btn.my-btn-tools {
	position: absolute;
	bottom: 0;
	margin-bottom: 20px;
	width: calc(100% - 40px);
	}
}

Cheers!