WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
[resolved] Changing appearance of form fields (3 posts)

  1. Mark Culmer
    Member
    Posted 3 years ago #

    Hi

    I am using Minimal Xpert as my template. The template shows a white background for my Contact Form page, meaning I can see the form labels but don't see the borders. How can I change the forms so they have a darker border?

    Many thanks

    Mark

  2. askjayson
    Member
    Posted 3 years ago #

    You need to write a CSS class for the style and implement the class within your CF7 form.

    Example:
    CF7 form text field with class name
    [text* your-address class:textfield]
    CSS style for class name
    .wpcf7 .textfield {border:1px solid #000;}

    CF7 form text field with out class name
    [text* your-address class:textfield]
    CSS style for any form text input field
    .wpcf7 input[type='text'] {border:1px solid #000;}

  3. Mark Culmer
    Member
    Posted 3 years ago #

    Thank you for this and sorry for late reply.

    Mark

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic