Skip to content

Instantly share code, notes, and snippets.

@tamarazuk

tamarazuk/mpc-pricing-table.css

Created July 28, 2014 14:55
Show Gist options
  • Save tamarazuk/e2736bf6bc590077a859 to your computer and use it in GitHub Desktop.
Save tamarazuk/e2736bf6bc590077a859 to your computer and use it in GitHub Desktop.
Download ZIP
Measurement Price Calculator Pricing Table Styling
Raw
mpc-pricing-table.css
.wc-measurement-price-calculator-pricing-table thead th {
text-align: center;
}
Raw
mpc-pricing-table.html
<table class="wc-measurement-price-calculator-pricing-table">
<thead>
<tr>
<th>Range (<span class="units">sq m</span>)</th>
<th>Price (<span class="units">€/sq m</span>)</th>
</tr>
</thead>
<tbody>
<tr>
<td>0 - 4.99 sq m</td>
<td><span class="amount">€13.23</span> sq m</td>
</tr>
<tr>
<td>5 - 12.49 sq m</td>
<td><span class="amount">€12.31</span> sq m</td>
</tr>
<tr>
<td>12.50+ sq m</td>
<td><span class="amount">€11.50</span> sq m</td>
</tr>
</tbody>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment