Contact Form 7 Captcha Issue

katesmith5
asked 10 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 10 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 10 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 10 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 10 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 10 years ago

Thanks