craig21

If you add margin-left: 0 to ‘span.wpcf7-list-item’ you will achieve the affect you are looking for.

You can keep the first class on those elements using this approach.

<div class="contact--form cf">
  <div class="row">
    <div class="columns small-12 large-4">
        <span class="error form-error">Please fill in this field</span>
        <label class="show-for-sr" for="field_firstname">First Name *</label>
        [text* field_firstname placeholder "First Name"]
    </div>

    <div class="columns small-12 large-4">
        <span class="error form-error">Please fill in this field</span>
        <label class="show-for-sr" for="field_lastname">Last Name *</label>
        [text* field_lastname placeholder "Last Name"]
    </div>

    <div class="columns small-12 large-4">
        <span class="error form-error">Please fill in this field</span>
        <label class="show-for-sr" for="field_email">Email*</label>
        [email* field_email placeholder "Email"]

    </div>
 </div>
 <div class="row">
    <div class="columns small-12 large-6">
        <label class="show-for-sr" for="field_company_name">Company Name </label>
        [text field_company_name placeholder "Company Name"]
    </div>

    <div class="columns small-12 large-6">
        <label class="show-for-sr" for="field_phone_number">Telephone Number </label>
        [text field_phone_number placeholder "Telephone Number"]
    </div>
 </div>

<div class="row">
    <div class="columns small-12">
            <label class="heading--label">Select your areas of interest:</label>
            [select* enquiry 
             "Volunteering|[email protected]"
             "Fundraising & Donations|[email protected]" 
             "Rehome a Dog|[email protected]" 
             "Rehome a Cat|[email protected]" 
             "Boarding|[email protected]" 
             "Media & Marketing|[email protected]" 
             "General Enquiries|[email protected]."
            ]
    </div>
  </div>
 
 <div class="row">
    <div class="columns small-12">
        <label for="field_message" class="heading--label show-for-sr">Message</label>
        [textarea field-message placeholder "Message"]

    </div>

    <div class="text-center columns small-12">
        [submit value="Send" class:btn class:btn--secondary"]
    </div>
 </div>
</div>

Got to the bottom of it.

Think there was some old references to the JointsWP templating kit in my code which was preventing the Stripe JS from loading.

Thanks for following up!

Thanks for the clarification! Works great!

Cheers!

Thank you!

Would this work then?

if (bogo_get_post_translation($post_ID, ‘zh-CN’)) {
// Do something
}

Or do I need to pass in the post from the global $post?

Thanks again!

Hi,

Is there a way to send a private message on here and I can share a link with yourself?

Thanks!

Thanks for that.

That removed the error in the console but still not outputting my console.log within the almComplete callback!

Thanks for your help

Getting this in the console now

TypeError: $(…) is not a function

I am definitely loading jQuery before all my scripts though? I think I am missing something simple!

No errors in the console.

I outputted a console.log after the almComplete function to make sure that my JS was reaching that line just in case there were any errors.

Code is

$.fn.almComplete = function(alm) {
console.log(‘complete’);
};

Right now I have just put this in between script tags at the bottom of footer.php to be absolutely sure this is the last bit of JS being executed on the page.

Thanks again!