Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 9, 2015 at 1:32 am #425660
    compudean

    How do I center tables on a page, especially price boxes. For example, suppose I have 3 price boxes. If I simply create them with Avia, the 3 boxes will stretch across entire screen. I would like to keep the set narrower and centered on page. I have tried using column layouts — for example 1/5,3/5,1/5 and building the table in the 3/5 section but I cannot get the sections in the correct order

    April 9, 2015 at 12:20 pm #425855
    Rikard

    Hi compudean!

    Did you add the table inside a 1/1 layout element? If not then please try that. If you did then please provide us with a temporary admin login so that we can take a closer look. You can post the details here as a private reply.

    Regards,
    Rikard

    April 9, 2015 at 6:51 pm #426145
    compudean
    This reply has been marked as private.
    April 10, 2015 at 9:02 pm #426782
    Josue

    Hi!

    You can set a custom class to the table element and use some CSS to set a max-width and center it:

    .custom_centered_table{
    max-width: 400px;
    margin: 0 auto;
}

    Regards,
    Josue

    April 17, 2015 at 5:54 pm #430482
    compudean

    Its not quite working out. The total width narrows but the set of tables are flush left. I tried some other stuff but could not get it to work.

    April 17, 2015 at 9:27 pm #430623
    Josue

    Hey!

    Use this code:

    .ssl-custom_centered_table{
max-width: 400px;
margin: 0 auto !important;
}

    Best regards,
    Josue

    April 24, 2015 at 11:02 pm #434495
    compudean

    That worked. thanks! (i thought I replied a while ago)

    April 24, 2015 at 11:50 pm #434512
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.