WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
Cannot click links in 'Pages' (6 posts)

  1. kuran
    Member
    Posted 2 years ago #

    I am unable to click any links I have made in my WordPress 'pages'.
    The links respond to mouseover, but cannot be clicked and the cursor thinks they are just text.

    Links posted in 'Posts', or in the header/footer do work.

    I figured this was a z-index issue or other DIV margin/padding conflicts, but when I switch to the default Twenty Eleven theme the problems remain.

    When I disable the Contact Form 7 plugin, the problem disappears. So the problem has definitely something to do with this (awesome) plugin.

    What should I do? Is this a known problem?

    PS. I cannot show you the blog in question since I am currently developing it locally via MAMP.

    http://wordpress.org/extend/plugins/contact-form-7/

  2. kuran
    Member
    Posted 2 years ago #

    I've tried reinstalling Contact Form 7, but it doesn't change anything.. I hope somebody here has experienced the same and knows of a way around it!

  3. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 2 years ago #

    Try switching to the default theme and deactivating all other plugins.

  4. kuran
    Member
    Posted 2 years ago #

    Hello Takayuki,

    I really appreciate you personally responding to posts in this forum.
    I just switched to the default WP theme and deactivated all other plugins.

    I also made a clean install of the plugin before I tested this.

    I still have the same problem, I can't click on any links that are on the same page as the form.

    This is what my form field looks like in the Contact Form 7 Preferences, for example the link on top is visible, but is not clickable. Even if I put it inside the Form div. Perhaps this excerpt should show something wrong with my code.

    <p><a href"info@gsdnyc.com">info@gsdnyc.com</a></p>
    
    <div id="form">
    
    <div class="formheader">Your Information</div>
    
    <div class="formleft">
        [text* your-name class:forminput watermark "Your Name *"] </p>
        [email* your-email class:forminput watermark "Your Email *"] </p>
    </div>
    
    <div class="formright">
    [text your-subject class:forminput watermark "Subject"] </p>
    [text telephone-number class:forminput watermark "Telephone Number"] </p>
    </div>
    
    <div class="formsection4">
    <div class="formheader">Your Message</div>
    
    [textarea* your-message class:forminput2 watermark "Your Message *"] </p>
    
    </div>
    
    <div class="formsection5">
    <div class="formheader">Input the text displayed *</div>
    [captchac captcha-785 class:captcha bg:#0d0d0d fg:#ffffff size:l]
    [captchar captcha-785 class:forminput]
    </div>
    
    <div class="buttonsend">
    [submit class:submit_button "Send"]
    </div>
    
    <div class="smalltext">
    <p>Fields marked with * are required.</p>
    </div>
    
    <div class="response">
    [response]
    </div>
  5. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 2 years ago #

    Yeah there are many mistakes.

    <p><a href"info@gsdnyc.com">info@gsdnyc.com</a></p>

    There is no = just after href. Do you ever need a link to a mail address here?

    <div class="formleft">
        [text* your-name class:forminput watermark "Your Name *"] </p>
        [email* your-email class:forminput watermark "Your Email *"] </p>
    </div>

    You don't need closing </p>s here.

    <div class="formright">
    [text your-subject class:forminput watermark "Subject"] </p>
    [text telephone-number class:forminput watermark "Telephone Number"] </p>
    </div>

    [textarea* your-message class:forminput2 watermark "Your Message *"] </p>

    Same as above.

  6. kuran
    Member
    Posted 2 years ago #

    Wow, so embarassing!

    That fixed it... d'oh d'oh d'oh!

    Thank you Takayuki.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic