Contact Form 7 Captcha Issue

katesmith5
asked 9 years ago

How I can modify css of quiz position into the contact form of DW Page Template? I can add but its ugly. I want to place is beside send button with same size to look professional.

1 Answers

DominicStaff
answered 9 years ago

Hi,
I have helped you resolve this issue, you can check your site now and tell me know if you have any change or issue. I will help you resolve it.
Regards,

katesmith5
replied 9 years ago

Hi, I have done a small changes in the captcha for using firebug, but i don’t sure where i should change this. i am just learning now, very beginner. After changing it on firebug, it looks like this:

https://goo.gl/VC6HrR

In dw page template i think:

captcha form should be same width and height like name, email, budget and time frame. so – (224120) padding : left-right (66), top-down( 4*4)

I think send button should be (8720) padding: left-right (2525), top-down (4*4)

Can You replace this?

katesmith5
replied 9 years ago

I have solved this issue myself. 🙂 Although the captch form is bigger than name, email, budget and time frame still.

dominic Staff
replied 9 years ago

You can add the following code to the style.css file to change width of the captch form.

.captcha-field {
  width: 50% !important;
}

Hope this helps !

katesmith5
replied 9 years ago

Thanks