I just created a WordPress page for a client organization that has a list of officers with title, name, 3 phone numbers, and 2 email addresses.
There are over 30 people on the list, so the table was quite extensive. I started out with adding a 1px bottom border and quickly found that this was
very tedious trying to add this at the table cell <td> level as would be required in XSite Pro.
It was also tedious manually adding the line (bottom border) to each row.
CSS to the rescue!
I added one line of CSS to the WP theme's style.css file. It worked great.
It also works in XSite Pro, although XSP requires a separate "bottom-border-color" property.
Just add your script in
Other -->
Global Scripts --> I
n the HEAD section of the page... Code:
<style>
tr.u1 { border-bottom: 1 px solid;
border-bottom-color: #787878 ; } /* is necessary in XSP */
</style>
In the HTML where you want the line (bottom border) under the row <tr>:
<tr class="u1">
The Design editor leaves the code intact.
You can also create alternating row colors by adding a background color to the class and then only using the class on every other row.
Or you can add a second class, say, "tr.u2" and add the background color to it. Use <tr class="u2"> for these rows.
Code:
<style>
tr.u1 { border-bottom: 1 px solid;
border-bottom-color: #787878 ; /* is necessary in XSP */
}
tr.u2 { border-bottom: 1 px solid;
border-bottom-color: #787878 ; /* is necessary in XSP */
background-color: #E5FFFF;
}
</style>
Edited to add: Oops! I left of the "/" for the </style> in my original post. You will kill your page without that forward slash.