Contact Form 7
[resolved] Contact Form 7: changing font size (3 posts)

  1. Sally Oh
    Posted 2 years ago #

    Can anyone help me do this? It's a 10pt now, it needs to be 8. Tried fiddling in the style sheet in the plugin's editor but nothing changed.

    thank you!


  2. buzztone
    Posted 2 years ago #

    To change the style of your CF7 forms you would need to edit the CSS style sheets used by your WordPress theme.

    See Styling Contact Form for a general explanation of styling CF7 forms using CSS. If you are not familiar with CSS, this page also includes some links to where you can learn CSS.

    The most common and preferred method is to create a Child Theme and make any necessary additions to the CSS in the child themes style.css, rather than directly in the themes styles.css. That way you don't loose your changes when you update the theme.

    It's also a good idea to use Firebug or Chrome Dev Tools to find and target individual css classes & ids within your CF7 forms so that your css changes don't indavertantly effect other elements on your website.

  3. Sally Oh
    Posted 2 years ago #

    Thank you! That is a very helpful and informative reply -- I'm off to learn more.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic