style in Custom Field not working?

[kencooperjr]

Software:

1. WP 4.3
2. Weaver Xtreme: 1.2.4
3. Weaver Xtreme Theme Support 1.3

Page code: (Click here for page)

<table>

  <tr>

    <td valign=”top”; text-align: left;>

      <strong>Smail:</strong>: 

        &nbsp;&nbsp;&nbsp;&nbsp;address

        &nbsp;&nbsp;&nbsp;&nbsp;box 1111

        &nbsp;&nbsp;&nbsp;&nbsp;fairhope

      <strong>Phone:</strong>: 

        &nbsp;&nbsp;&nbsp;&nbsp;251-1111-111

      <strong>Email</strong>: 

        &nbsp;&nbsp;&:nbsp;&nbsp;[email protected]

      <strong>Officers</strong>:

        &nbsp;&nbsp;&nbsp;&nbsp;<a href=”http://bcmoaa.kencooperjr.com/contact-information/contact-us/”>Contact chapter officer</a>

    </td>

    <td>

      <strong>Use the following form to contact us for your inquiry:</strong>

      [si-contact-form form=’1′]

    </td>

  </tr>

</table>

Question:

Using the following Custom Field name/value pair on a Page (not a Post): 

Name: pagecontentbottom

Value: <style> table, tr, td {  border: 5px solid red; } </style>

Result of this code is shown in the following URL by a red border: (Click here for page)

The red border ONLY displays if tr is present in the <style>. If table and td only are present, or by themselves, then the border does not display. If tr is by itself it will display. 

Why will a table or cell border not display?

Have tried this using precontent with the same result. 

Thanks for your help – Ken

[scrambler]

You need !important on the rule to make sure it overrides the theme rule

table, tr, td {  border: 5px solid red !important; }

[Author]

Posts