How to increase WPforms Confirmation Message font size

PhuongNguyen

Hi Air,

I have tried follow this thread https://wpforms.com/docs/how-to-customize-the-style-of-individual-form-fields/#global-selectors to make to confiration message biger but still not found the way.

Could you please help to assist me with this CSS code?

Thanks a lots for your help as always.

Kind regards,
Phuong

Air

Hye :-)

Have you tried adding there font-size: 20px; to this style?

With kind regards.

PhuongNguyen

Hi Air,

Yes, the default font size of confirmation message is a little bit small, I just want to increase it. I have tried to studying the about guide from WP to put the code to additional css and work around this clue but not thing change -:).

Hope that you can advise me the corrected code for this additional css.

Thanks a lots,
Phuong

Air

Hey :-)

1. Have you added this custom CSS into the theme? http://rifetheme.com/apollo13-framework/docs/customizing-the-theme/custom-css/
2. Could you share a live link to your website with the contact form?

With kind regards.

PhuongNguyen

Hi Air,

Yes, I have add this below css in tho CUSTOM CSS, also tried with ADDITIONAL CSS as well but it not work.

.wpforms-confirmation-container-full {
font-size: 25px;
}

May be it's not the right CSS I think,.

Here's my live link : https://asiatopdmc.com

Thank a lot,
Phuong

PhuongNguyen

Hi Air,

Could you send me the image of the confirmation message that you have test?

Tks a lots,
Phuong

Air

In your case, proper CSS would look like this:

.wpforms-confirmation-container {
  font-size: 20px;
  color: #fff;
}

Now you can adjust it however you like :-)

With kind regards.

PhuongNguyen

Hi Air,

It's worked. Great thank for your supports!

With kind regards,
Phuong