Can’t find the right css line code.

  • Resolved danielastron

    (@danielastron)


    3 years, 9 months ago

    Hello

    I’m trying to customize some fields on my form. I was able to change the section break label color and the calculate button to #F47920 using:

    #fbuilder .cff-button-field input{background-color: #F47920 !important;font-weight: bold !important;}
    #fbuilder .section_breaks label{color: #F47920;}

    But I’m trying to change the simple text line to the same color, and also the blue border on the section break, but I don’t the properly code. I’m using:

    #fbuilder .cff-text-field label{color: #F47920;}
    #fbuilder .section_breaks div{border-left-color: #F47920;}

    But nothing changes.

    https://prnt.sc/102f5ej

    I also want to add some padding between the simple text label and the box field, is that possible?

    Other change that I want to do is remove the yellow background on mouse hover, how can I do this?

    I would be very tankful if someone teach me how to do that =).

    • This topic was modified 3 years, 9 months ago by danielastron.

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

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

    (@codepeople)

    Hello @danielastron

    Thank you very much for using our plugin.

    The field whose label you want to customize is a number field. So, the style definition to use would be:

    
#fbuilder .cff-number-field label{color: #F47920 !important;}

    And to edit the left border color of sections breaks:

    
#fbuilder .section_breaks{border-left-color: #F47920 !important;}

    Best regards.

    Thread Starter danielastron

    (@danielastron)

    Thanks! Everything is working like a charm.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Can’t find the right css line code.’ is closed to new replies.