Center pricing tables - by mozmocreative

This topic has 11 replies, 3 voices, and was last updated 10 years, 9 months ago ago by Eva Kemp

  • Avatar: mozmocreative
    mozmocreative
    Participant
    March 4, 2015 at 01:20

    Hi, how can I center the pricing tables on my page? They appear to be left aligned in the row and look odd..

    http://cp211.ezyreg.com/~mymy2015/clubs/sippy-downs/
    (go to the Pricing tab)

    Please advise the solution as there are 2 pages this has to be done on

    Please, contact administrator
    for this information.
    10 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    March 4, 2015 at 10:05

    Hello,

    I’ve added margin value to the row with pricing table element.
    Please check the tab now.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: mozmocreative
    mozmocreative
    Participant
    March 5, 2015 at 02:17

    Thanks, but, this is not really a solution. 100px is an absolute value which doesn’t work very good with responsive design – try resizing the window, the smaller the browser width, the more misaligned the tables are..

    Avatar: Eva
    Eva Kemp
    Participant
    March 5, 2015 at 17:40

    Hello,

    When resizing a browser you need reload a page. Try to check it on mobile devices.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: mozmocreative
    mozmocreative
    Participant
    March 10, 2015 at 02:06

    Refreshing gives the same result, as I said, 100px is always going to be 100px.. the tables only ‘appear’ centered when the page is viewed full width

    http://imgur.com/j8fSCrZ
    http://imgur.com/1qMu296
    http://imgur.com/khpNkL8

    Avatar: mozmocreative
    mozmocreative
    Participant
    March 16, 2015 at 00:58

    Hi, just following up on this since it’s been almost a week. Thanks

    Avatar: Brian Johnson
    Brian Johnson
    Member
    March 16, 2015 at 10:50

    Hello
    I have added following code into the custom.css:
    @media (min-width: 800px){#content_tab_2 .vc_row{margin-left:9% !important}}
    Please check your site now.

    With best regards
    Brian Johnson

    Avatar: Eva
    Eva Kemp
    Participant
    March 16, 2015 at 11:43

    Hello,

    I’ve added this code in custom.css file:
    @media (min-width: 1200px) {.pricing-table.columns1.stylestyle2 {margin-left: 100px !important;} }

    Please check the page now.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: mozmocreative
    mozmocreative
    Participant
    March 17, 2015 at 04:23

    Now they’re left aligned, it didn’t work. Clearing cache didn’t help.

    http://i.imgur.com/rl2sWKk.jpg
    http://i.imgur.com/8KarJLY.jpg

    Avatar: mozmocreative
    mozmocreative
    Participant
    March 18, 2015 at 06:41

    Don’t worry about it I fixed it myself.

    Avatar: Eva
    Eva Kemp
    Participant
    March 18, 2015 at 13:44

    Hello,

    We’re glad you managed to find the solution.

    Have a nice day.

    Regards,
    Eva Kemp.

  • Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘Center pricing tables’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.