How to Remove a style from a Custom Variable?

[johngwms]

I have created a set of buttons in css for downloading files from the store.
Although I have defined a class for the button (download_button), this seems to be overridden by a style statement (automatically inserted for the variable from the variable formatting) in the generated code:

Source Code
<div class="download_button"><a href="<actinic:variable formatting="font(Color|ffffff)" name="BrochureFilename" />">Brochure</a></div>

Generated Code
<div class="download_button"><a href="<span style='color: #ffffff;'>Brochure-TAG-Connect-TC2030.pdf</span>">Brochure</a></div>

How can I stop the generation of the variable formatting?

I am a css novice and may well have missed something.

John

[Duncan Rounding]

You can try righ-tclicking on the variable in Design view and selecting Edit Appearance and se if there is any formatting set up there. You could also try clicking on the buton to switch between basic and advanced views in Design view (top left of the Design view pane) and seeing if there is formatting.

[johngwms]

Duncan, I have tried as you suggest. Unfortunately if a text colour is set, it doesn't seem possible to remove it. This trigered the problem I found.

The problem is now fixed. Thanks.

John