Tablepress table not able to center in the homepage

  • Resolved jyothi19

    (@jyothi19)


    5 years, 8 months ago

    Dear Sir,
    I made a website using wordpress. I used the twenty seventeen theme. I added a tablepress table in the homepage at [ redundant link removed ] – I tried to center the tablepress table with id 10 and am unable to do it.
    I added many CSS styles in the additonal CSS pages but nothing is working to center the Tablepress table in the Homepage

    body{
    margin: 0 auto;
    align: center;
    text-align: center;
    background: white;
    }

    .tablepress-id-10 {
    width: auto;
    margin: 0 auto 1em;
    }

    .site {
    background-color: white;
    align: center;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    }

    .site-content {
    align: center;
    margin-right: auto;
    margin-left: auto;
    }

    .content-area {
    align: center;
    margin-right: auto;
    margin-left: auto;
    }

    .site-branding,
    .site-logo,
    .site-header {
    background-color: #fff;
    align: center;
    margin-right: 0;
    margin-left: 0;
    }

    I tried center table using <center>….</center> tag but not working too.
    Tried to align the header, meus, site content, body, content area to center but that’s also not working.

    Please help me ASAP. thank you so much.
    Jyothi

    • This topic was modified 5 years, 7 months ago by Jan Dembowski.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    The reason why this does not seem to work is that your table is actually expanding beyond the content area of the theme already, i.e. it’s wider than 100% of the available/assigned space.

    You might therefore want to make the table fit first. For that, add the CSS

    .tablepress-id-10 img {
  max-width: 100%;
}

    You will then see that the table is 100% wide. To then change something, you would need to modify the theme so that it makes the content area wider, e.g. by choosing a full-width page template.

    Regards,
    Tobias

    Thread Starter jyothi19

    (@jyothi19)

    Thank you for the help but my homepage is not centered.
    I used tablepress to layout my content on homepage but still
    puttig css code:
    .tablepress-id-10 img {
    max-width: 100%;
    }

    didn’t work. Now I have see how to center my homepage content.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    where exactly did you add this? This doesn’t seem to be in the TablePress “Custom CSS” code?

    Also, I recommend to update to the latest version of WordPress, TablePress, and all other plugins. It seems that you are still using the old WordPress 4.7.11?

    Regards,
    Tobias

    Thread Starter jyothi19

    (@jyothi19)

    Dear Tobias,

    Thank you for the help. The homepage and all content is centered now. Actually all my CSS styles
    went into the comment area (\* …. */). That’s why all the styles I applied didn’t work.

    Thank you so much. God bless.

    Regards,
    Jyothi
    __________________

    Thread Starter jyothi19

    (@jyothi19)

    Dear Tobias,
    I added styles to additional CSS page in customizer. I shall update the WordPress to the latest.
    Thank you.
    Regards,
    Jyothi

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! ?? Good to hear that this helped!

    For the future, for TablePress CSS, I recommend to use the “Custom CSS” text field on the “Plugin Options” screen of TablePress.

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Tablepress table not able to center in the homepage’ is closed to new replies.