jjcstudios

also how do you remove the exclamation point when you get the required message

• This reply was modified 7 months ago by jjcstudios.
• This reply was modified 7 months ago by jjcstudios.

When I add this code .nf-form-fields-required { color: #000; } I am getting a error message

HTML classes only allow – _ and alphanumeric characters.

Hi @gazzaisvgan my site was blacklisted because of a security error I was having.

It is a hosting issue I found out. So I will close this ticket

That worked perfectly!

Thank you Nithin. I am trying to use your form as a front end text editor. Where I can put text in that area and let the user make changes to the text and then submit to me. Unless you recommend another plug-in that can do this.

Hi Nithin, It would be inside the default value field.

Nick the custom.css is in my astra child theme and I have also included the code below. It look like this is the right location but the button styling is not showing up

wp-content/themes/astra-child/salesforce-wordpress-to-lead/custom.css

/* SalesForce WordPress to Lead Default CSS */

.salesforce_w2l_lead form.w2llead {
    text-align: left;
    clear: both;
}

.salesforce_w2l_lead #salesforce {
    margin: .25em 0 0 0;
    color: #aaa;
}

.salesforce_w2l_lead #salesforce a {
    color: #999;
}

.salesforce_w2l_lead .w2llabel, .w2linput {
    display: block;
    float: left;
    box-sizing: border-box;
    font-size: 14px !important;
}

.salesforce_w2l_lead .w2llabel.error {
    color: #f00;
}

.salesforce_w2l_lead .w2llabel {
    clear: left;
    margin: .25em 0;
    width: 50%;
	color: #4c4c4c !important;
	font-size: 16px !important;
	font-weight:normal !important;
}

/* Changes font size in input fields */
.salesforce_w2l_lead .w2linput.text {
    width: 50%;
    height: auto;
    margin: .25em 0;
    font-size: 14px !important;
}

/* Changes font size in message fields */
.salesforce_w2l_lead .w2linput.textarea {
    width: 100%;
    height: 6em;
    margin: .75em 0;
    font-size: 14px !important;
}

.salesforce_w2l_lead .w2lsubmit {
    float: none;
    clear: both;
    padding: .5em 0;
}

.salesforce_w2l_lead .w2linput.submit {
	border-top: 1px solid #1f42aa;
	background: #021660;
	background: -webkit-gradient(linear, left top, left bottom, from(#1f42aa), to(#021660));
	background: -webkit-linear-gradient(top, #1f42aa, #021660);
	background: -moz-linear-gradient(top, #1f42aa, #021660);
	background: -ms-linear-gradient(top, #1f42aa, #021660);
	background: -o-linear-gradient(top, #1f42aa, #021660);
	padding: 9px 18px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: #ffffff;
	font-size: 18px;
	font-family: Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	vertical-align: middle;
}

.salesforce_w2l_lead .w2linput.submit:hover { 
	border-top-color:  #021660;
	background: #021660;
	color: #ccc;
}


.w2lsubmit {
    height: 50% !important;
}

.salesforce_w2l_lead .w2llabel.checkbox,
.salesforce_w2l_lead .w2linput.checkbox {
    display: inline-block;
    float: none;
}

.salesforce_w2l_lead .sf_type_checkbox input {
    width: 1.25em;
}

.salesforce_w2l_lead .w2llabel.checkbox {
    clear: none;
    margin: 0;
}

.salesforce_w2l_lead .w2linput.textarea, .salesforce_w2l_lead .w2linput.text {
    font-size: inherit;
	width: 100%;
}

.salesforce_w2l_lead .top-aligned .w2linput {
    clear: left;
}

.salesforce_w2l_lead .top-aligned .w2llabel {
    width: 100%;
}

.salesforce_w2l_lead .left-aligned .w2llabel {
    width: 25%;
}

.salesforce_w2l_lead .left-aligned .w2linput.text, .salesforce_w2l_lead .left-aligned .w2linput.textarea {
    width: 75%;
}

.salesforce_w2l_lead .sidebar.left-aligned .w2llabel, .salesforce_w2l_lead .sidebar.left-aligned .w2linput {
	width: 50%;
}

.salesforce_w2l_lead .sidebar.left-aligned .w2llabel.checkbox {
	width: auto;
}

.salesforce_w2l_lead .sidebar.left-aligned .w2linput.checkbox {
	width: 1.25em;
}

.salesforce_w2l_lead .top-aligned .w2llabel.checkbox, .salesforce_w2l_lead .left-aligned .w2llabel.checkbox {
    width: auto;
}

.salesforce_w2l_lead .placeholders .w2linput {
}

.salesforce_w2l_lead .w2linput.text.captcha {
    width: 45%;
    float: left;
    clear: none;
}

.salesforce_w2l_lead .w2limg {
    display: block;
    clear: both;
    float: left;
	width: 45%;
	height: 50px;
}

.salesforce_w2l_lead .required {
    font-weight: normal;
    color: inherit;
}

.salesforce_w2l_lead span.required {
    color: red;
}

.salesforce_w2l_lead .left-aligned .w2limg {
    float: left;
    clear: none;
}

.salesforce_w2l_lead .w2linput.text.captcha {
    height: 50px;
    margin: 0 0 0 .5em;
    font-size: 14px;
    font-family: Roboto;
    text-align: center;
}

.salesforce_w2l_lead .sf_cc_user {
    padding: 1em 0;
}

.salesforce_w2l_lead .sidebar .w2linput, .salesforce_w2l_lead .sidebar .w2llabel {
    float: none;
    display: block;
}

.salesforce_w2l_lead .sidebar .w2linput.checkbox, .salesforce_w2l_lead .sidebar .w2llabel.checkbox {
    float: none;
    display: inline-block;
    width: auto;
}

.salesforce_w2l_lead .sidebar.left-aligned .w2linput, .salesforce_w2l_lead .sidebar.left-aligned .w2llabel {
    float: left;
    display: inline;
}

.salesforce_w2l_lead .sidebar.left-aligned .w2linput.checkbox, .salesforce_w2l_lead .sidebar.left-aligned .w2llabel.checkbox {
    float: none;
}

.salesforce_w2l_lead .sidebar.left-aligned .w2linput.checkbox{
	float: none;
}

.salesforce_w2l_lead .sidebar .w2llabel.error {
    color: #f00;
}

.salesforce_w2l_lead .sidebar .w2llabel {
    padding: .15em 0;
}

.salesforce_w2l_lead .sidebar .top-aligned .w2llabel {
    float: none;
    display: block;
}

.salesforce_w2l_lead .sidebar select {
	max-width: 100%;
}

.salesforce_w2l_lead .sidebar .w2linput.text {
    width: 95%;
    height: auto;
    margin: .25em 0;
}

.salesforce_w2l_lead .sidebar .w2linput.textarea {
    width: 95%;
    height: 4em;
    margin: .25em 0;
}

.salesforce_w2l_lead .sidebar.left-aligned .w2linput.textarea, .salesforce_w2l_lead .sidebar.left-aligned .w2linput.text {
	width: 50%;
}

.salesforce_w2l_lead .sidebar .w2lsubmit {
    float: none;
    clear: both;
    padding: .5em 0;
    display: block;
    width: 100%;
}

.salesforce_w2l_lead .sidebar .sf_type_captcha {
    text-align: center;
}

.salesforce_w2l_lead .sidebar .sf_type_captcha .w2llabel {
    padding: .5em 0;
    display: inline-block;
    width: 100%;
}

.salesforce_w2l_lead .sidebar .w2linput.text.captcha, .salesforce_w2l_lead .sidebar .w2limg {
    float: none;
    display: inline-block;
}

.salesforce_w2l_lead .sidebar .w2linput.text.captcha {
    margin: .25em 0 0 0;
    height: auto;
    font-size: 1em;
}

.salesforce_w2l_lead .sf_field, .sf_type_checkbox {
    clear: both;
}

.salesforce_w2l_lead .sidebar .sf_field{
	padding: .25em 0;
}

.salesforce_w2l_lead .sf_field span.error_message {
    clear: left;
    display: block;
    color: red;
    font-size: 80%;
}

.salesforce_w2l_lead .clearfix {
    clear: both;
}

.salesforce_w2l_lead .sf_required_fields_msg{
    font-size: 16px !important;
	clear: both;
	display: block;
	float: none;
}

I was able to style the button easily about 3 years ago but when I try to change the button know it is not working

Maybe it is my Geoblock. What country is your server located in?

Here you go

https://www.vcpdev.vcp.vet/wp-content/uploads/2021/03/command_center_img2c.jpg

I went in a white listed the IP and still getting the below error message

There was an error and your request was not processed. (command_center_img2c.jpg: URL is inaccessible from our server(s) due to access restrictions.)

I am getting the same error and checked godaddy and hotlink protection is not enabled. Is there another reason I cant optimize image and getting the following error message. My server does have a firewall and using the godaddy CDN.

There was an error and your request was not processed. (xyz.jpg: URL is inaccessible from our server(s) due to access restrictions.)

• This reply was modified 3 years, 8 months ago by jjcstudios.

@lapzor Do you still recommend WPBruiser if I need to add some security to your plugin?

Is there a way to set a redirect URL with double opt in, where the redirect occurs after a person confirms there email?

Right now, after a person submits the form they are redirected automatically with out confirming their email.