• Resolved coolsmurf

    (@coolsmurf)


    I have just stumbled onto this wonderful plugin, and everything works fine as I imagined.

    Except for one thing. How do I change the color of the text label? It simply blends into the background and can’t be seen except for the required field asterisk.

    Until I find a solution, I have opted to go without the text labels for now.

    You can demo the popup form by clicking on the request a quote button.

    Thank you for reading.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Aurovrata Venet

    (@aurovrata)

    Except for one thing. How do I change the color of the text label? It simply blends into the background and can’t be seen except for the required field asterisk.

    you need to customise your css to set the label colour.

    Plugin Author Aurovrata Venet

    (@aurovrata)

    I checked your page, and your theme is automatically setting the <label></label> element colour to white, hence the labels are not showing up.

    So you need to fix this in your custom css styling sheet

    Thread Starter coolsmurf

    (@coolsmurf)

    Thank you so much. I can’t use the css as it would interfere with my other forms.

    so I just used font color HTML for the cf7 form label.

    Thank you again for your help.

    Plugin Author Aurovrata Venet

    (@aurovrata)

    I can’t use the css as it would interfere with my other forms.

    there are 2 ways to target your specific form without affecting your other forms,

    1. you can use a custom css file that loads only on the page where your form is displayed (see FAQ #8).

    2. the plugin wraps each form with a ‘div’ element which has a unique css id formed using the form’s cfy unique key. (the slug of the form post), which is ‘cf7sg-form-<your form key>’. In your case your form’s wrapper id is ‘#cf7sg-form-inquiry-v2’, so you can insert a style rule,

    #cf7sg-form-inquiry-v2 label{ color: black;}

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Text color’ is closed to new replies.