• 

  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.

  #47127 Copied
  10 Answers
  

  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.

  #47163 Copied
  

  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..

  #47468 Copied
  

  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.

  #47659 Copied
  

  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

  #48354 Copied
  

  mozmocreative

  Participant

  March 16, 2015 at 00:58

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

  #49711 Copied
  

  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

  #49782 Copied
  

  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.

  #49795 Copied
  

  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

  #50042 Copied
  

  mozmocreative

  Participant

  March 18, 2015 at 06:41

  Don’t worry about it I fixed it myself.

  #50366 Copied
  

  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.

  #50470 Copied
• Viewing 11 results - 1 through 11 (of 11 total)