Tables / Forms – How To Override Side To Side Width.

  • mr_fancy_pants

    (@mr_fancy_pants)


    11 years ago

    Hello,

    I want to add a “Contact Form”, “Hours Of Operation Table”, “Pricing Table” etc. The problem is that the table or cells spread the entire page from margin to margin and have very large spacing between them.

    Question:
    How can I override this so that I can make a nice, small, clean “Hours Of Operation Table” aligned on the right side of the page instead of 100% side to side?

    I have a little experience but I’m not formally trained in this stuff. I’m using a child theme and I know I should be able to “over ride” the CSS in the child theme or put it in the template CSS settings. Perhaps I can not find the right information to change. A detailed explanation would be greatly appreciated. Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Sorry, we do not monitor these forums, please use the official forum:

    https://cyberchimps.com/forum/

    Thanks

    To fulfill such a simple need, it will be much easier for you to put the code directly into the page-content. I know, I know… everyone says it’s bad practice. But, proper protocol is simply not always practical either.

    To eliminate the spacial overage in each table, start by setting the table width to “auto”. Then, set the cell spacing and padding for the entire table to zero and stepping either one up until you are happy with it.

    <table width="auto" cellspacing="0" cellpadding="0">
  <tr><td>Sunday: </td><td>Closed</td></tr>
  <tr><td>Monday: </td><td>9am - 5pm</td></tr>
  <tr><td>Tuesday: </td><td>9am - 5pm</td></tr>
  <tr><td>Wednesday: </td><td>9am - 5pm</td></tr>
  <tr><td>Thursday: </td><td>9am - 5pm</td></tr>
  <tr><td>Friday: </td><td>9am - 6pm</td></tr>
  <tr><td>Saturday: </td><td>Closed</td></tr>
</table>
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Tables / Forms – How To Override Side To Side Width.’ is closed to new replies.