Centering a Table on a page

Hi,

Please replace below code into your ‘main.min.css’ file located at wp-content/themes/hueman/asstes/font/css folder.

.entry table {
  font-size: 14px;
  //margin-bottom: 1.5em;
  margin:0 auto;
  width: 100%;
  text-align: center;
}

Hi,

Sorry to interrupt.

Please do not modify or add any code in Hueman theme’s file.
It will be lost when you update your Hueman theme.

Please use a child theme and add any css code in your child theme’s style.css
Please refer to the following documentation for details.
https://docs.presscustomizr.com/article/239-using-a-child-theme-with-hueman

Thank you

• This reply was modified 8 years, 3 months ago by Denzel Chia.

That didn’t center the table. I want the whole table to be in the center of my page.

Also, within the cells of the table the text has an extra space between lines within a specific cell. I would like those single spaced.

Here is the page again:

https://www.kdna.org/sea-mar-community-health-centers-board-of-directors/

Hi,

Try the following in your child theme style.css

.entry table {
    margin: 0 auto !important;
    text-align: center !important;
}
.entry table p {
    margin: 0px !important;
    padding: 0px !important;
}

This is how it will look on your website.
https://image.prntscr.com/image/d1ba95b99b0140b69661ca5654e85542.png

Clear your browser history and any cache plugin’s cache content after applying the above mentioned codes.

Thank you

Thanks! That centered the table, but I still have spaces between the lines within the table.

How do I remove the extra space between the lines within the cells on the table?

https://www.kdna.org/sea-mar-community-health-centers-board-of-directors/

Hi,

Try the following in your child theme style.css

.entry table p {
    line-height: 0.5 !important;
}
.entry table p:nth-child(2) {
    margin-bottom: 10px !important;
}

Thank you.

Perfect! Thanks!

You are welcome!
Thank you