• Resolved paulc1234

    (@paulc1234)


    Hi, I am trying to fix the table in my footer. Would like to fix the size to fit the contents with it aligned in the middle of the page and to remove the white background (to match the grey). So far I have only been able to remove padding using this custom css:

    .footertable {
      padding: 0px;
      text-align: left;
    }

    HTML code I have for the actual table:

    <div align="center">
    <table class="footertable">
    <tbody>
    <tr>
    <td rowspan="3" class="footertable" width="150">
    <ul class="invisiblelist">
     	<li><a href="https://sushi2me.co.uk/my-account/">My Account</a></li>
     	<li><a href="https://sushi2me.co.uk/delivery/">Delivery</a></li>
     	<li><a href="https://sushi2me.co.uk/contact/">Contact</a></li>
     	<li><a href="https://sushi2me.co.uk/terms-conditions/">Terms & Conditions</a></li>
     	<li><a href="https://sushi2me.co.uk/checkout/">Checkout</a></li>
    </ul>
    </td>
    <th class="footertable" width="45"><img src="https://sushi2me.co.uk/wp-content/uploads/2020/01/fblack.png" /></th>
    <th class="footertable" width="45"><img src="https://sushi2me.co.uk/wp-content/uploads/2020/01/tblack.png" /></th>
    <th class="footertable" width="45"><img src="https://sushi2me.co.uk/wp-content/uploads/2020/01/iblack.png" /></th>
    </tr>
    <tr>
    <th colspan="3" class="footertable" width="135"><img src="https://sushi2me.co.uk/wp-content/uploads/2020/01/apple.png" /></th>
    </tr>
    <tr>
    <th colspan="3" class="footertable" width="135"><img src="https://sushi2me.co.uk/wp-content/uploads/2020/01/android-e1578964733947.png" /></th>
    </tr>
    </tbody>
    </table>
    </div>

    Tried multiple things and google searches with no luck, so any help will be appreciated. Thanks.

    • This topic was modified 6 years, 5 months ago by Jan Dembowski.
    • This topic was modified 6 years, 5 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter paulc1234

    (@paulc1234)

    I’m almost there, it is just the spacing between the Facebook, Twitter and Instagram logos I need to sort now if anyone has any ideas. Thanks.

    Thread Starter paulc1234

    (@paulc1234)

    Fixed:

    .footertable {
      padding: 0px;
      text-align: left;
    	vertical-align: middle;
    	width: 300px;
    	white-space: nowrap;
    }
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Change table width and colour’ is closed to new replies.