How do I change the "Continue" button shown on the referral form widget?

You can change the continue button that is shown on the referral form widget, using either custom CSS or custom JavaScript file. If you simply want to change the text then have this JavaScript in the custom JavaScript file that you include on the Edit UI page of your campaign setup flow.
YAHOO.util.Dom.getElementsByClassName("nextBeeContinueButton" ,button")[0].value = "your new text";

If you would like to replace the button altogether or instead show an image button there then include following class in your custom CSS file that you include on the Edit UI page of your campaign setup flow.

#mainDiv .nextBeeContinueButton{

background:url(YOUR-IMAGE-PATH) no-repeat scroll 0 0;

font-size:12px;

height:38px;

margin:0px;

padding:0px;

text-indent:-99999px;

width:131px;

line-height: 0;
} Note: you can always opt to go with the custom templates altogether and have the custom layout for the entire widget.

Looking for a Referral or a Loyalty Program?

	NextBee has robust and feature rich platform
	We guarantee your ROI
	No long term contract to sign
	Hassle free zero cost IT setup

Related Topics

• How should I change sequence of the fields in the referral form?
• How will I be able to have a completely custom layout for my referral form?
• How will I be able to set metadata (My business specific information) about user before submitting the referral form?
• Will the widgets slow down my pages?
• Is there option to set minimum number of referrals?