[Plugin: WP Download Codes] How to change font for Download Code text

I looked at the source of the page and the div containing the download code has the class “dc-download-code” however, if I create a class called that in my style.css file, it doesn’t change anything. Is it the child of something else that I’m not noticing?

The class “dc-download-code” was exactly intended to provide to capability to style the whole thing. I just confirmed that it works with my style.css, so maybe there is something configured differently in your CSS environment.

You could use Internet Explorer and press F12. Then you could navigate to the respective div with the download code and get presented the different CSS rules applied to it. Maybe you find out this way what the reason is.

I just tested it in Internet Explorer and it works fine, however, it does not work in Firefox or chrome. Any ideas why? Most of our target audience will be using Firefox or Safari, so it’s going to be important that the page renders correctly in those browsers.

Here is the class I defined for Download Code:

.dc-download-code{
	color:#3f3f3c;
	font-family:Helvetica, Arial, sans-serif;
}

I don’t see why there would be any conflicts. Is there a possibility that the download code files are not looking in the correct place for my style.css file in firefox but defaulting to the correct location in IE?

I also found a way around the initial message by changing the code to this:

$html .= '<font face="Helvetica, Arial, sans-serif">'
 . dc_msg( 'code_enter' )
.'</font>'
.' <input type="text" name="code" value="'
. $post_code
. '" size="20" /> ';

By adding the font face to $html I was able the change the font, however, if I do this, it doesn’t work:

else {
$html = '<font face="Helvetica, Arial, sans-serif">';
$ret = dc_msg( 'max_attempts_reached' );
$html = '</font>';
}

This means that something within the return is preventing the formatting from coming through, which doesn’t make any sense to me since all it’s doing is returning a string of text which should be easily formattible by the browser.

Can anyone give me any help with this, it’s a really strange issue and it looks really bad to have just one line of different font text on my page.