Contact Form 7
Changing the font colour (2 posts)

  1. wpfacet
    Posted 2 years ago #

    I am quite new to http, css etc. and have only slight knowledge of them I am using contact form 7 but need to change the colour of the font to match the rest of the site I am building. How can I get into the code to change the colour of the font?


  2. buzztone
    Posted 2 years ago #

    To change "the colour of the font to match the rest of the site" you will need to modify the CSS of the relevant html form elements in your CF7 form.

    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 only, rather than directly in the themes styles.css. That way you don't loose your changes when you update the theme.

    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 inadvertantly effect other elements on your website.

    If you are uncomfortable editing CSS style sheets you may prefer to use a custom CSS plugin like My Custom CSS.

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