How to use CSS styling correctly?

  • Resolved Tooni

    (@tooni)


    3 years, 6 months ago

    I need one more help with the correct usage of CSS styling.
    By using try and error (and the browsers development tools) I have added a CSS code in the formular settings like this: #fbuilder label, dfield, input, select {width:65%!important; font-size:13px!important;}
    Unfortunately the following comment area of my page also uses elements named “label” and “input” and above CSS code seems to work also on the comment area.
    I believe that there is something missing in my CSS code, but I’m not able to find the solution. Can you give me a short help?

    Regards, Tooni

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author codepeople

    (@codepeople)

    3 years, 6 months ago

    Hello @tooni

    I’m not sure about the changes in the form’s design you want to apply. However, you should use the complete selector with every element, as follows:

    
#fbuilder label, 
#fbuilder input, 
#fbuilder select {width:65%!important; font-size:13px!important;}

    Best regards.

    Thread Starter Tooni

    (@tooni)

    3 years, 6 months ago

    Perfect! That was the solution. Thank you very much.

    And I’m sorry, but I have absolutely no knowledge of CSS and I don’t really know what I’m doing. However – now the result is exactly what I wanted to have.

    Best regards, Tooni

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to use CSS styling correctly?’ is closed to new replies.