Docs

[JW & Co.]

Hello,

I was using Mail Chimp as provided by X Theme to support a pricing form on https://verobeachwebsitedesign.net/pricing/. Unfortunately, I had a prospective client write to tell me that he was using Microsoft Edge in Windows 10 (who uses that anyways?) and that the button said it was disabled and unclickable. You may want to have your developers take a look at that.

I am now using a different contact form, so all my previous styling was lost. This is not because of the above conflict but because I want to improve site speed by removing plugins. Could you please tell me how to:
1. Remove the red asterisks and invisible form titles from above each field input?
2. Increase font size within provided fields to 17px?
3. Reduce margin between field inputs to 10px?
4. Change “Pricing Guide” button from Real Style to a flat black button with white text on top which changes to white button with a black border and black text on top?

Thanks!
Josh

[Thai]

Hi Josh,

Try adding the following CSS under Customizer > Custom > Global CSS:

.ccf-form-wrapper .field label.main-label {
    display: none;
}
.ccf-form-wrapper .field input[type=text], .ccf-form-wrapper .field textarea {
    font-size: 17px;
}
.ccf-form-wrapper .field {
    margin-bottom: 10px;
}

input.btn.btn-primary.ccf-submit-button {
    border: none;
    box-shadow: none;
    background: #000;
    color: #fff;
    text-shadow: none;
    border: 2px solid transparent;
}
input.btn.btn-primary.ccf-submit-button:hover {
    color: #000;
    background: #fff;
    border-color: #000;
}

Hope it helps 🙂

[JW & Co.]

Awesome! Thanks for providing this helpful code.

Could you tell me if it’s possible to make a simple hr appear above the text which is visible upon submission? Also, I tried to add in some breaks (<br>), but all my text appears as one solid paragraph. Do you think it’s possible to add line breaks?

[Rue Nel]

Hello There,

Thanks for updating in! Could you not place any html code in the response text? Please try adding this:

<hr>

<p>Thank you for providing your contact information. We are happy to provide a detailed proposal with an exact quote after learning about your specific needs, but here is some basic pricing information: Custom websites for small or medium-sized businesses, strategically built to deliver results while impressing visitors, generally involve an investment between $1,000 and $5,000. Larger websites with many pages or advanced features typically involve an investment between $10,000 and $30,000. Our online marketing services (including search engine optimization, pay-per-click advertising, and email marketing) vary according to the budgets set by our clients.</p>

<p>If you have any questions or would like more information, give us a call at (772) 217-5508 or email info@verobeachwebsitedesign.net with a time that you are available to discuss your project needs.</p>

If this doesn’t work, the response text may not allow html code and it will only accept plain text.

Please let us know how it goes.

[Author]

Posts