-
Posted in : Photographer
-
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"]
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
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
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
They seem to be centered better, but one is wider than the other. They are no longer symmetric.
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.
You must be logged in and have valid license to reply to this topic.