Background color of first row in table

IvanArtAngelus · August 2016

http://themes.muffingroup.com/be/service/

I've tried everything but my pricing table (Cjenik naših usluga) can't look the same as in your demo. How to setup a larger font in first row, white color and transparent as rest of the table?

Thanks!

Albert · August 2016

Hi,

On Be|Service we used the following table code:

<table>
<thead>
<tr>
<th style="text-align: left;">Type of service</th>
<th>Cost</th>
<th>Time</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left;">Lorem ipsum dolor sit amet</td>
<td>$23</td>
<td>1 day</td>
</tr>
<tr>
<td style="text-align: left;">Consectetur adipisicing elit sed do</td>
<td>$100</td>
<td>2 days</td>
</tr>
<tr>
<td style="text-align: left;">Eiusmod tempor incididunt labore</td>
<td>$230</td>
<td>2 days</td>
</tr>
<tr>
<td style="text-align: left;">Dolore magna aliqua ut enim</td>
<td>$76</td>
<td>4 hours</td>
</tr>
<tr>
<td style="text-align: left;">Minim veniam quis nostrud</td>
<td>$10</td>
<td>2 hours</td>
</tr>
</tbody>
</table>

And under Theme options > Custom CSS & JS > Custom CSS section, we put the following css:

table th { font-size: 22px; color: #fff; }
table td { font-size: 16px; }

IvanArtAngelus · August 2016

I added that to the Custom CSS, it changed the font size and color, but background on first row is still white/bright gray. http://www.pcrescue-servis.com/

I've tried everything, editing in muffin builder, theme options - Colors, custom CSS but I just can't "remove" that color and make it transparent as other rows.

Thanks,

Ivan

Albert · August 2016

table th { background: transparent !important; }

IvanArtAngelus · August 2016

Thanks, it works now!

I appreciate your help.

Background color of first row in table

Comments