WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
Changing the font colour (2 posts)

  1. wpfacet
    Member
    Posted 1 year 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?

    http://wordpress.org/extend/plugins/contact-form-7/

  2. buzztone
    Member
    Posted 1 year 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

About this Topic