Welcome! To use this support forum, please Login or Join Today!

   

Table Grays Out Text on Top and Left

{name}
Rank

Total Posts: 1

Joined 2011-06-04

PM

 

I am trying to place a table inside a toggle.  For some reason the top and left side are grayed out when viewed.  See attached word document.

<p style="text-align: left;">[toggle title="Print Forms"]</p>

<table border="0" cellspacing="10" cellpadding="10" width="100%">
<tbody>
<tr>
<th width="44%" align="center" scope="col">Forms</th>
<th width="28%" align="center" scope="col">Help Documents</th>
<th width="28%" align="center" scope="col">Help Videos</th>
</tr>
<tr>
<th align="left" scope="row">1. Application</th>
<td align="left">Help1</td>
<td align="left">Video1</td>
</tr>
<tr>
<th align="left" scope="row">2. Sea Service</th>
<td align="left">Help 2</td>
<td align="left">Video2</td>
</tr>
<tr>
<th align="left" scope="row">3. Document 3</th>
<td align="left">Help3</td>
<td align="left">Video3</td>
</tr>
<tr>
<th align="left" scope="row">4. Document 4</th>
<td align="left">Help 4</td>
<td align="left">Video4</td>
</tr>
<tr>
<th align="left" scope="row">5. Document 5</th>
<td align="left">Help 5</td>
<td align="left">Video5</td>
</tr>
</tbody>
</table>
<p style="text-align: left;">[/toggle]</p>

Image Attachments

Screen_shot_2011-06-05_at_8.24_.26_AM_.jpg

Click thumbnail to see full-size image

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

Thanks for reporting this. I’ve fixed this in the repository.

To update the CSS on your end, just go to Appearance → Editor and choose the default stylesheet you’re using e.g; style3.css.

Find this rule below:

table th {
 text-align: left;
 border: 1px solid #d1d1d1;
 padding: .4em .8em;
 background-color: #e9e9e9;
 color: #ececec;
 font-weight: bold;
}

and just remove:

color: #ececec;

The result should now look like this:
http://demos.simplethemes.com/presstige/testing