[tmblalock]

https://atagirlphoto.com/pricing/

I removed one of the columns for the pricing info. and it was subsequently made this page extra wide.

1 – How can I make it normal width again?
2 – How can I center the two columns on the page? I initially set those two columns to a width of 6. That seemed to work, but made them super wide and not as attractive.

[column width="6"]

[serkan]

Hi, I did not see any problems in the Desktop view. You have made 3 pricing and they all look the same size. When you switch to tablet view, there is a change in size. This is also because of the size of the text you enter. The following code can solve this problem.

@media screen and (min-width: 768px) and (max-width: 1102px) {
.pricing-table { min-height: 730px; } }

Thanks

[tmblalock]

I only have 2 pricing options. You may be looking at a cached page.

The two pricing boxes are justified to the left. I would like them centered on the page. Please see screenshot.

https://atagirlphoto.com/wp-content/uploads/2017/03/screenshot.jpg

[serkan]

Hi,
Please use the column 6 instead of 5 and add this custom css code to your custom css code box.

.post-12797 p + .row {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 700px; }

Thanks

[tmblalock]

They seem to be centered better, but one is wider than the other. They are no longer symmetric.

[serkan]

You set the first table to column 6, but leave the second to 4. The problem will improve when you turn it to 6 too.

[tmblalock]

Duh! 8\ Thank you.

[serkan]

You are welcome.