Support » How-To and Troubleshooting » Centre a table on a page

Centre a table on a page

Viewing 15 replies - 1 through 15 (of 27 total)
  • Hi Tia Terry,

    In the html area where you have:

    <table border=”1″ cellspacing=”0″ bgcolor=”#ffffff”>

    try adding: align=”center”

    so it would look like this:

    <table align=”center” border=”1″ cellspacing=”0″ bgcolor=”#ffffff”>

    Let me know if that works for you. That is best option but sometimes, it will require a bit more action.


    Thanks Renee’ But it did not work.

    It is actually centred, what you’re asking for is how to make it shorter.

    You can make content fill up more area by adding this style:

    .singular .entry-content {
     width: 100%;


    Thank you Andrew,

    My mistake. What I really meant was how to float the table to the left or reduce the left margin so that the table does not overlap the white section of the page. Or how do I increase the size of the page so to reduce the overlap.

    Try this in your custom css:

    .singular #content {margin: 0 3.6%;}
    .singular .entry-content {margin-left: 0;}

    Check for ill-effects elsewhere on your site.

    If it doesn’t work leave it in so it can be debugged remotely.

    Thanks lorro,

    Did not realise this would be so difficult.



    Hi! Your table is too big for your site content zone.

    To show you what I mean if you changed this in your css:

    #page {
    margin: 2em auto;
    max-width: 1000px;

    If you change max-width to 1500px; you will note that your table now fits.


    Good Morning Renee’,

    I am sorry but still cant get it to centre. I am only a novice with CSS. The text page for the site page does not have the code you list for me to change the width. Sry for being so dumb.

    Try to install the Simple Custom CSS plugin.

    Then go to Admin page / Appearance / Custom CSS, and put in the above custom css suggestions where it says “/* Enter Your Custom CSS Here */”. Click “Update Custom CSS” to save the changes.

    If the custom css doesn’t work, leave it in so other members can see why.

    Hello again,

    No success

    NSW Residents Vol.3. – Surnames ‘A to Ah’ @22 May 2014



    You are not dumb buddy, not at all. This stuff is complicated.

    What WP Theme are you using?


    Hi, thanks.

    Twenty eleven



    Ok, I would like to think that there is a better way that what I know but I am going to tell you what I know.

    I have a blank site, so I switched to that theme to test it and make sure that it works.

    Here is what you can do:

    Step 1:
    Under appearances —> click on edit

    This will take you to the style.css sheet.

    Step 1a:
    Note: the first thing that I always do when I get to something like this is do a “control a” to select all of the text and then do a “control c” to paste that into a notepad. This way if something goes wrong you can paste the original saved CSS code back in there.

    Step 2:

    do a “control f” find command for: #page

    Step 2a:

    You will find this:

    #page {
    	margin: 2em auto;
    	max-width: 1000px;

    Step 3:

    Change 1000px to 1500px

    Step 4:

    Scroll to the bottom and click: Update File

    Let me know if this makes sense and works.


Viewing 15 replies - 1 through 15 (of 27 total)
  • The topic ‘Centre a table on a page’ is closed to new replies.
Skip to toolbar