When mouse over text boxes, cursor shows as No??

  • Resolved bethgee

    (@bethgee)


    6 years, 1 month ago

    I have created a Contact Form 7 on my clients Contact page. However, when you put the cursor over the First Name, Surname, Address, Phone Number, Email fields and the SEND button, it shows the cursor as a red circle with a line through it? Any ideas how to stop this??

    It wasn’t allowing the fields to be clicked, so I added the following to the CSS:

    .wpcf7-form-control-wrap {
    position: initial;
    }

    (I also tried the same but with ‘position: static’ with the same result.

    Help!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    6 years, 1 month ago

    Try removing all the custom CSS.

    Thread Starter bethgee

    (@bethgee)

    6 years, 1 month ago

    OK! I have managed to work out it is the code I have to split the top part of the form onto 2 columns!

    I created 2 div classes – one “left” and one “right” to contain the elements

    I then added this Custom CSS –

    #left {
    width: 47%;
    float: left;
    margin-right:6%;
    }

    #right {
    width: 47%;
    float: left;
    }

    .clearfix:after {
    content:”\0020″;
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    margin-bottom:10px;
    }

    .clearfix {
    display:block;
    }

    Have I missed something??

    Thread Starter bethgee

    (@bethgee)

    6 years, 1 month ago

    OK, never mind, I worked it out!!

    For anyone else – the above left and right were div ids not classes. I have forgotten to put the <div class=”clearfix”> before and </div> after the sections I wanted split into 2 columns…

    Will mark this as resolved.

    I’m just an idiot 😉

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

The topic ‘When mouse over text boxes, cursor shows as No??’ is closed to new replies.