Question

I’m not sure if this is possible but it would help immensely if it is. I’m working on an e-commerce site in the Volusion framework and a lot of text is dynamically generated on Volusion sites. Most of the text is in <span>s or <div>s as normal but every once in a while there is a “:” that is displayed after a category header. You can see it in the below code that I grabbed from a page I’m working on:

<td>
<span class="PageText_L71n">Qty</span>:
<input type="text" class="v65-productdetail-cartqty" name="QTY.WA-SSPURSE" size="3" maxlength="8" onkeydown="javascript:QtyEnabledAddToCart();" value="1">
</td>

You can see the colon after the </span> that is just being displayed but not in any container. Is there any way to target that? I’m trying to put a display:none or visibility:hidden on it since I’m doing quite a bit of custom coding and it’s just hanging there right now.

Thanks for the help!

Answer 1

If you know the container of the colon ahead of time, you can change the font color to match the background or use font-size: 0 (which I like because it also removes unnecessary space):

td {
    font-size: 0;
}
td * {
    font-size: 14px;
}

Obviously adjust for specifics that work for your site in particular.