Support » Plugin: Calculated Fields Form » CCS for Button changes whole area, but not the button intself

CCS for Button changes whole area, but not the button intself

  • Resolved mrdude23

    (@mrdude23)


    4 years, 6 months ago

    Hi there!
    I tried applying a ccs-class to the calculate button. But instead of the button itself, the whole area around it changed to the colors and spaces I set in my css file.
    How can I change my button?
    And for that matter, is it possible to change the colors of the slider?

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

    (@codepeople)

    4 years, 6 months ago

    Hello @mrdude23

    If you are assigning a class name to the button field, for example: my-button

    The style definition should be applied to the input tag in the field (Remember a field has different components), for example:

    
.my-button input{}

    Best regards.

    Thread Starter mrdude23

    (@mrdude23)

    4 years, 6 months ago

    Thanks a lot! It worked very well. After that I tried changing the slider with the same attributes, but nothing works there. I named it’s class “slider” and put .slider input {} into my css, nothing changed. I put it into the custom css of the Calculated fields, but nothing changed there either.

    Plugin Author codepeople

    (@codepeople)

    4 years, 6 months ago

    Hello @mrdude23

    Evidently the slider is not an input tag. The sliders controls include different class names like:

    .ui-slider
    .ui-slider-handle
    .ui-slider-range

    for their different components.

    Best regards.

    Thread Starter mrdude23

    (@mrdude23)

    4 years, 6 months ago

    Thanks a lot! Whom it might concern: I changed the handle of my slider with this:

    #fbuilder .slider .ui-slider-handle {
  background: #1f9634;
  cursor: pointer;
}
    Plugin Author codepeople

    (@codepeople)

    4 years, 6 months ago

    Hello @mrdude23

    Thank you very much for sharing your code.

    Best regards.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CCS for Button changes whole area, but not the button intself’ is closed to new replies.

Views