Working it around, I found this to make it similar.:
.xoo-wsc-modal .variation:first-of-type { display:none; }
.xoo-wsc-modal .variation:last-of-type { display: block!important; line-height: 100%;}
Thanks!
See the HTML of the last example. The structure is very different.
<dl class=”variation”>
<dt>Cut:</dt>
<dd>Fillet Skin ON</dd>
<dt>Cut Size:</dt>
<dd>6-8 oz</dd>
</dl>
<dl class=”variation”>
<dt class=”variation-Cut”>Cut:</dt>
<dd class=”variation-Cut”>
<p>Fillet Skin ON</p>
</dd>
<dt class=”variation-CutSize”>Cut Size:</dt>
<dd class=”variation-CutSize”>
<p>6-8 oz</p>
</dd>
<dt class=”variation-Weightsubtotal”>Weight subtotal:</dt>
<dd class=”variation-Weightsubtotal”>
<p>4.4 lbs</p>
</dd>
</dl>
The new information is there! but it repeats previous information plus the new custom data, and it’s double space!
example:
1) without the CSS:
Cut:Fillet Skin ONCut Size:6-8 oz
2) with the new CSS:
Cut:Fillet Skin ONCut Size:6-8 oz
Cut:
Fillet Skin ON
Cut Size:
6-8 oz
Weight subtotal:
4.4 lbs
