Editing a Sign-Up Box

[Martomkee3229]

Hi!

Is it possible to replace a sign-up box button with a customized phrase or button? For instance, currently our sign-up box says "Request it Now" but we're unable to center it or make a button so it matches our branding. Do you have any suggestions? You can see how it looks by visiting the right side-bar of our site, http://transitionandthrivewithmaria.com/.

Additionally, is it possible to get rid of the "Name," "Email," (etc) fields on the sign-up box? It's a little repetitive since the actual field also says "Name," "Email," (etc).

Thanks!!

[JohnB]

If you go to Contacts->Sign-Up Boxes and select the box you want to edit, you can change the text of the submit button.

Just simply change the "Button Value" and hit the Save button.

In order to center that button, and to hide the input labels, that would best be down with some CSS that you can edit under Settings->Administrator, then finding the Stylesheet in the Theme Editor panel.

Here is some simple CSS you could use as an example, but keep in mind this example code will affect all of the Sign-Up Boxes on your website, not just this one.

Code: Select all

.leadbox {
    text-align: center;
}

.leadbox label {
    display: none;
}

If you have any other questions, feel free to ask, or check out this video tutorial about Sign-Up Boxes.

[Martomkee3229]

Hi, thanks for your help on this!

Is there a way to upload a customized button, rather than just change the text?

I also added the CSS code to the stylesheet, but it's still not centering or removing the leadbox label. Is there anything else I can try? Thanks!!

[JohnB]

If this is a site hosted with AllProWebTools, the stylesheet under Settings->Administrator should do the trick.

However, if this is a wordpress site, then the stylesheet in AllProWebTools will have no effect on the website, and you will have to edit the stylesheet within wordpress.

As far as further customizing the button, perhaps this aritcle will help. Anytime they use ".fsSubmitButton" in their sample css code segments, you can replace it with ".leadbox-submit"

If you would like to do more than this, I would recommend speaking to one of our expert web developers. You can find a directory of our experts under Settings->Experts/Providers

[Martomkee3229]

Ah okay, thanks for your help!