Forum Replies Created

Viewing 9 replies - 1 through 9 (of 9 total)
  • 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.

    Thread Starter craig21

    (@craig21)

    <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|craig.england@hookson.com"
                 "Fundraising & Donations|fundraising@edch.org.uk" 
                 "Rehome a Dog|boarding@edch.org.uk" 
                 "Rehome a Cat|boarding@edch.org.uk" 
                 "Boarding|boarding@edch.org.uk" 
                 "Media & Marketing|media@edch.org.uk" 
                 "General Enquiries|boarding@edch.org.uk."
                ]
        </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>
    Thread Starter craig21

    (@craig21)

    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!

    Thread Starter craig21

    (@craig21)

    Thanks for the clarification! Works great!

    Cheers!

    Thread Starter craig21

    (@craig21)

    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!

    Thread Starter craig21

    (@craig21)

    Hi,

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

    Thanks!

    Thread Starter craig21

    (@craig21)

    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

    Thread Starter craig21

    (@craig21)

    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!

    Thread Starter craig21

    (@craig21)

    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!

Viewing 9 replies - 1 through 9 (of 9 total)