Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 9, 2017 at 4:17 pm #117219
    Amy Hamlet
    Participant

    My site isn’t live yet so I can’t provide a link.
    Here’s my table html:
    <table style=”height: 467px;” border=”0″ width=”1138″ cellspacing=”0″ cellpadding=”0″>
    <tbody>
    <tr>
    <td width=”50″></td>
    <td width=”375″>
    <h1>services:</h1>
    </td>
    <td></td>
    <td width=”375″>
    <h1>skills:</h1>
    </td>
    <td width=”50″></td>
    </tr>
    <tr>
    <td valign=”top”></td>
    <td valign=”top”>

      <li class=”bullet”>Print Ads
      <li class=”bullet”>Newsletters
      <li class=”bullet”>Annual Reports
      <li class=”bullet”>Brochures
      <li class=”bullet” type=”square”>Posters
      <li class=”bullet”>Direct Mail
      <li class=”bullet”>Invitations
      <li class=”bullet”>Pocket Folders
      <li class=”bullet”>Booklets
      <li class=”bullet”>Business Cards + Letterheads
      <li class=”bullet”>Templates
      <li class=”bullet”>Conference and Tradeshow Logos, Programs and Signage
      <li class=”bullet”>PowerPoint Presentations Templates and Graphics
      <li class=”bullet”>Web Sites + Banner Ads
      <li class=”bullet”>E-blasts + E-newsletters
      <li class=”bullet”>Logos, User Interface Buttons and Icons

    </td>
    <td valign=”top”></td>
    <td valign=”top”>

      <li class=”bullet”>InDesign
      <li class=”bullet”>Illustrator
      <li class=”bullet”>Photoshop
      <li class=”bullet”>Dreamweaver
      <li class=”bullet”>QuarkXPress
      <li class=”bullet”>Microsoft Word + Publisher
      <li class=”bullet”>Powerpoint
      <li class=”bullet”>Prepress
      <li class=”bullet”>HTML/CSS
      <li class=”bullet”>WordPress
      <li class=”bullet”>PC/MAC
      <li class=”bullet”>Illustration + Information Graphics
      <li class=”bullet”>Branding

    </td>
    <td valign=”top”></td>
    </tr>
    </tbody>
    </table>

    Here’s my custom css:
    table {
    border-top: none;
    border-left: none;
    font-weight: bold;
    margin: 0 0 2em;
    width: 100%;
    }

    th {
    border-bottom: none;
    border-right: none;
    color: #666;
    font-weight: 700;
    padding: 8px;
    text-transform: uppercase;
    }

    td {
    border-bottom: none;
    border-right: none;
    padding: 8px;
    }

    June 10, 2017 at 9:35 am #117266
    Pratik
    Participant

    Hi @aphdescomcast-net,

    I cannot check the site if it is not live, there might be many plugin conflicts with CSS. Let me know once the site goes live and I will help you.

    Regards,
    Pratik

    June 29, 2017 at 2:10 pm #118321
    Amy Hamlet
    Participant

    Hello,
    My site is live at aph-design.com
    Can you help with removing the table borders?
    thanks

    June 29, 2017 at 2:11 pm #118322
    Amy Hamlet
    Participant

    I’m using Catch Responsive Pro

    June 29, 2017 at 11:33 pm #118332
    Pratik
    Participant

    Hi @aphdescmcast-net,

    I checked your site and this page: https://design.aph-design.com/services/ has table if I am not mistaken.

    So, yo remove table border from this page’s table only, add following code in Appearance=> Customize=> Additional CSS box:

    
.page-id-26 table,
.page-id-26 td {
    border: none;
}

    If you want it removed from everywhere, try following code:

    
table,
td {
    border: none;
}

    Regards,
    Pratik

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Can't change table borders to none in custom CSS’ is closed to new replies.