CSS conflict

Hi,

Please help, my Magazine template is causing a css conflict and I have no idea how to resolve it.

Esentially, I have an iframe with some questions and one of the questions the font changes to uppercase and it clickable, and the templates css seems to be invoking it.

Any ideas how I would resolve this?

The iframe code which is going uppercase for no reason is...

<tr>
<td class="TableLeft">
<label for="MISS_PYMT">Have you missed a mortgage payment in&nbsp;the past 12 months?</label>
</td>
<td class="symbol">&nbsp;</td>
<td class="TableRight">
<label FOR="CCJ"> </label>
<select name="MISS_PYMT" id="MISS_PYMT" class="formInputShort">
<option value="No">No</option>
<option value="Yes">Yes</option>
</select>
</td>
</tr>


Many thanks in advance,

Hi,
1) without link I can not help.
2) If your iframe source from another website - our template styles can not change or override them

Just sent you a pm with the link.

any advice would be appreciated, this form is hosted on the site (unlike the last ones we worked on)

warm regards

I'm not sure that it was that but please try:

Code: Select all

td.TableLeft label {
    color: #555555;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 300;
    text-transform: none;
}

About How to use custom CSS code - search on documentation page /link is also in my footer/.

also you can try with "!important" value to be sure.

Absolutely brilliant that worked perfectly thank you very much.

Ta.