Custom code Contact Form

Hi PIT,

There’s no option for that.
I would suggest using a code block, then give us the link to that page and we’ll try to give you a CSS code to make it look like the Enfold Contact Form.

Best regards,
Nikko

Hi PIT,

Can you try adding this CSS code in Quick CSS, located in Enfold > General Styling:

#top .arformSUBSCR_1610900658304 {
    background-color: transparent;
}

#top .arformSUBSCR_1610900658304 label {
    color: #666666;
    font-size: 13px;
    display: block;
    float: none;
    margin-bottom: 7px;
    line-height: 1.7;
}

#top .arformSUBSCR_1610900658304 .form-control {
    border: 1px solid #e1e1e1;
    padding: 13px;
    height: auto;
    line-height: normal;
    background-color: #fcfcfc !important;
    border-radius: 2px;
    font-size: 13px;
}

Best regards,
Nikko

Hi PIT,

If you have a plugin that has some caching mechanism, please flush it.
Also, try to clear the browser cache.
If both does not work, please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( to be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hi PIT,

I see, can you also post the password in private content?

Best regards,
Nikko

Hi PIT,

Thanks, however, I don’t have access to that email, it’s just our SOP to advise using that email when creating temporary access for us.
I checked on your site again however the CSS code still isn’t reflected.
Can you try to flush out the cache and deactivate caching temporarily and check?
If that doesn’t help then go to Enfold > Performance > CSS file merging and compression set to Disable – no CSS file merging and compression

Best regards,
Nikko

Hi PIT,

Thanks, I have added this CSS code in your site:

#top .ar5 {
    width: 100% !important;
}

#top .ar5 .arformSUBSCR_1610900658304 {
    background-color: transparent;
}

#top .ar5 form {
    padding: 0 !important;
    margin: -15px 0 0 !important;
}

#top .ar5 form > .form-group:nth-child(5),
#top .ar5 form > .form-group:nth-child(6) {
    float: left;
    width: 49.5%;
}

#top .ar5 form > .form-group:nth-child(6) {
    margin-left: 1%;
}

#top .ar5 form > p:nth-child(7) {
    clear: both;
}

#top .ar5 label {
    color: #666666;
    font-size: 13px;
    display: block;
    float: none;
    margin-bottom: 7px;
    line-height: 1.7;
}

#top .ar5 .form-control {
    border: 1px solid #e1e1e1;
    padding: 13px;
    height: auto;
    line-height: normal;
    background-color: #fcfcfc !important;
    border-radius: 2px;
    font-size: 13px;
}

#top .ar5 .form-group .text-center {
    text-align: left;
}

#top .ar5 .form-group .btn {
    width: auto !important;
    margin: 0;
    padding: 16px 20px;
    border-radius: 2px;
    font-size: 12px !important;
    min-width: 142px;
    outline: none;
}

Best regards,
Nikko

Hi,

Did you need additional help with this topic or shall we close?

Best regards,
Jordan Shannon

Hi PIT,

We’re glad that we could help :)
Thanks for using Enfold and have a great weekend!

Best regards,
Nikko