Hello!

I am having a big problem right now. I’ve been trying for the past 2 hours and I just can’t center the table for credit card info!

I want EVERYTHING on that page centered. I’ve tried with a lot of CSS. The only thing that actually worked in a way was to use position: absolute, but that would mean I’d have to set the footer to actually stick to the bottom for all the different screens manually..

Right now the table is on the left side of the page. Is there some other way that I don’t know about centering tables?

Currently the code I have running is:

form#order_review {
	display: block;
	width: 100% !important;
}

button#place_order.button.alt {
    margin-top: 25px;
}

I tried all of these:

form#order_review {
	display: block;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
-----------------------------------------------
form#order_review {
	display: block;
	width: 100% !important;
	align-content: center !important;
}

------------------------------------------------
form#order_review {
	display: block;
	position: absolute;
	width: -webkit !important;
	left: 50%;
	transform:translateX(-50%);
}

(This one was the closest one to working, however, it messed up my footer) 

I don’t know what else to try..

If anyone wants to try it, go tothis page for example, click “Dodaj v košarico”, then go to cart (Košarica), “Nadaljuj na blagajno”, write some random info, then click Maestro/Mastercard/VISA, tick the checkbox above the “Kupite sedaj” button and then click “Kupite sedaj”.

Kind regards

• This topic was modified 2 years, 5 months ago by Steven Stern (sterndata).

The page I need help with: [log in to see the link]