WordPress.org

Support

Support » Themes and Templates » Responsive » Tables / Forms – How To Override Side To Side Width.

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

  • mr_fancy_pants

    @mr_fancy_pants

    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)
  • Jitendra Mishra

    @jitendra-mishra

    Cyberchimps Support Rep

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

    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.
Skip to toolbar