Contact form 7 font and layout is missed up

[ahmedmn3]

Hi,

I used contact form 7 to create a form but It was missy! the font is too big also the layout! the title of each field is on top of the field. How to control the font and the direction of the titles or the whole layout?

See our page at https://onlinespeechcenter.com/contact/

[prakash_s]

Hello @ahmedmn3,

To make the font size small and font direction please add this CSS under X/Pro ->Theme option ->CSS

For the font size

.wpcf7 label {
font-size: 20px;
}

In case if you what your contact-form-7 text direction in RTL mode please add this CSS

div#wpcf7-f221-p94-o1 {
direction: rtl;
}

Please feel free to change the font size as per your design.

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks