Custom css for a specific button not working

  • Resolved elmirasln

    (@elmirasln)


    1 year ago

    Hi,

    First of all wanna thank you for your great support.

    After hours of struggling i couldn’t find the solution to this one. I have a checkbox field with many choices. I added 2 buttons as “select all” and “select none” and they work fine. But they look like primary buttons. So I added class name into their attribute: select-deselect-all

    and this code to Customize form design part:

    #fbuilder .select-deselect-all {text-decoration: underline !important; background: #fff !important; color: #000 !important}

    It can even change font weight but not working for color and background. What should I do?

    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 @elmirasln

    Thank you very much for using our plugin.

    A control has multiple components: its container, label, input tag, user instructions, etc. (the components can vary based on the control type). When you assign a class name to a field via its “Add CSS Layout Keywords” attribute, it is applied to the tag that contains the control elements. If you want to modify the appearance of the button tag in the button control, the correct would be:

    #fbuilder .select-deselect-all input {text-decoration: underline !important; background: #fff !important; color: #000 !important}

    Note the selector is #fbuilder .select-deselect-all input

    Best regards.

    Thread Starter elmirasln

    (@elmirasln)

    Thanks a million!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom css for a specific button not working’ is closed to new replies.

Tags