Docs

[nonenone]

Hi guys,

I’m just doing the final touches on contact form 7 and have some styling questions:

1-How to convert boxed messages such as (Attachment 1) to text only messages like (Attachment 2)?

2-How to remove the white area (Attachment 3) that appears if you scroll down after boxed messages such as (Attachment 1)?

3-How to make reCAPTCHA widget move next to the send button and match the send button size? (Attachment 4)

4-How to change reCAPTCHA widget colour to rgb(255,255,255)?

Many thanks,

[nonenone]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in!

#1. You can add this under Custom > CSS in the Customizer.

.x-alert, .wpcf7-response-output, .buddypress #message, .bbp-template-notice {
  background-color: transparent !important;
  border: medium none !important;
  color: #fff !important;
}

#2. I can’t see such white area on my end while the message is present – http://prntscr.com/aogxd2

#3 and #4. We can’t really control the style of this because it’s being loaded through an iframe. Also we can’t provide support for any third party extensions.

Hope this helps.

Cheers!

[nonenone]

Thank you 🙂 Currently the font is smaller than the rest of the messages, How to make it match the size of other messages?

[Paul R]

Hi,

You can add this under Custom > CSS in the Customizer.

.x-alert, .wpcf7-response-output, 
.buddypress #message, 
.bbp-template-notice {
    font-size: 18px !important;
}

Hope that helps.

[nonenone]

Thank you 🙂

[Friech]

You’re more than welcome, glad we could help.

Cheers!

[Author]

Posts