Tables / Forms - How To Override Side To Side Width. (3 posts)

  1. mr_fancy_pants
    Posted 2 years ago #


    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.

    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!

  2. Jitendra Mishra
    Cyberchimps Support Rep
    Posted 2 years ago #

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



  3. David Burkhart
    Posted 2 years ago #

    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>

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic


No tags yet.