Forums

FS Contact Form - Changing Field Label colors in WP Weaver Theme (5 posts)

  1. jboyce
    Member
    Posted 7 months ago #

    Does anyone know how to change the color of the field labels in the Fast Secure Contact Form? I've read through as much on this as I can find in the support forum but my form doesn't seem to react to any of the changes recommended. Could it be something with my theme?

    site: www. greyhoundfinancial.com/contact-us/
    Theme : Weaver Plus version 2.2.6

    Thanks!

  2. Marventus
    Member
    Posted 7 months ago #

    Hi there,

    Just checked your site, and the fieldset legend (label) appears to be empty at the moment.
    If you want to style the legend through CSS, you should use the selector #si_contact_form1 fieldset legend.
    For example, the code:

    #si_contact_form1 fieldset legend{
    color:#c00;}

    will turn the text of the legend red.

    I hope this helps.

  3. Marventus
    Member
    Posted 6 months ago #

    Hi,

    Where you able to figure this out? If so, could you please mark your topic as resolved?

    Thanks!

  4. jboyce
    Member
    Posted 3 months ago #

    I've been looking for more insight on this as I'm still new to the more advanced parts of WordPress styling.

    My original question wasn't correct actually. What I meant to say is that I'm trying to make the entire form background a different color, as opposed to the inside of the fields.

    Combing through the forums I noticed Mike responded to a similar questions suggesting the user go to the "Advanced Settings" area, but I can't find any link to advanced settings anywhere. Am I just missing something simple or is it something else? I'm using Firefox and Chrome if that matters.

    Thanks again!

  5. Marventus
    Member
    Posted 3 months ago #

    Hello again,

    Normally, targetting:

    #FSContact1 input, #FSContact1 select, #FSContact1 textarea{
    color:#[hex_color_value];
    }

    (where [hex_color_value] is the hexadecimal value of the color you want) should do the trick, but in your particular case, css styles are being set directly from the markup (HTML), which is usually a very bad idea.
    In case you can't get rid of those inline styles yourself (for whatever reason), the following trick should override them:

    #FSContact1 input, #FSContact1 select, #FSContact1 textarea{
    color:#[hex_color_value];!important
    }

    Cheers!

Reply

You must log in to post.

About this Topic