Need to style this form like the others

Hi and happy new year!

In my footer I’ve had to replace a form but I’m struggling a bit with the styling of it. It’s the last contact form at the bottom here:

https://followtheboat.com

I’m trying to make it look the same as the form in the first column. That is, white text, slightly curved field boxes with no border, and the same submit button.

I used Inspector to try and find the right selector and came up with this:

#wpcf7-f43467-o1 > form > p:nth-child(2) > label > span

which didn’t work, so I added .x-sidebar in front of it, but that didn’t work either.

What is the correct selector for each element of this form and how to I style it like the form in the first column?

Many thanks.

(This is what the old form looked like)

Hi @demonboy,

That is contact form 7. Please check their guide on how to do it here. The documentation got details on the elements classes.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.