Viewing 1 replies (of 1 total)
  • There are 2 CF7 forms on this page – one in the main content area and another in a text widget. Both are styled using some relatively simple custom CSS.

    You can use Firebug or Chrome Dev Tools to see what is happening. Once you understand the HTML & CSS being used, you can match the style of your CF7 forms by editing the CSS style sheets used by your WordPress theme.

    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.

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

    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.

Viewing 1 replies (of 1 total)
  • The topic ‘Please help me customize the form’ is closed to new replies.