Style Specific Fields are not working

  • Resolved gnagflow2017

    (@gnagflow2017)


    6 years, 3 months ago

    I want to syle only specific fields in my contact-form and added an ‘id’ to the form-tags of the fields in the contact-form:
    [text text-123 id:field_bg]
    I added this style rule in my css-style sheet as well:
    #field_bg {
    color: #f00;
    border: 1px solid #f00;
    }
    But it’s not working as described. What’s going wrong?

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • See Styling Contact Form – there is a link to an article I wrote at the bottom of that page (which is recommended by the CF7 plugin author, though I’m not allowed to link directly to it here), that covers this topic in detail.

    Abbreviated Version

    1. You need basic HTML & CSS skills
    2. You need to know how to use Chrome Dev Tools or equivalent
    3. Use Dev Tools to examine the CSS styling applied to your form in detail
    4. Determine what CSS changes you need to make
    5. Add custom CSS via WP Customizer > Custom CSS, custom CSS plugin or child theme.
    Thread Starter gnagflow2017

    (@gnagflow2017)

    Thanks for the reply ?? My problem is solved. It was an error in conjunction with theme and WP. Nw everything is working properly. The procedure you wrote above is working propely.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Style Specific Fields are not working’ is closed to new replies.