Has anyone used jquery to change the social sign-on button? Specifically, I have this page:
You can see that the Facebook button looks awful. This is because the font size for the text in the button is too big to fit in the button width. Using the developer tools in Firefox, I can change the width of the class cf_sign_on_button to 90px and have the button work correctly.
So I've been trying to do this dynamically using this jquery...
The full jquery html block is below. I know the block is working because the button text is properly changed. Any ideas of whether I'm doing something wrong or if the way the code is inserted makes it impossible for me to change?
// Change the text in the button by replacing Download Now with different text
var $jQ = jQuery.noConflict();
// Use jQuery via $j(...)
$jQ("#mktFrmSubmit").val(" Download Now ");
// change the div width for the facebook button
Thanks for any insights!