Support » Plugin: Calculated Fields Form » Custom CSS not working

  • Resolved FramSteget

    (@framsteget)


    Hi,
    Custom CSS is not working.
    #fbuilder span.uh { color: #252525 !important; } and other css makes no difference.

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

    (@codepeople)

    Hello @framsteget,

    Could you send me the link to the webpage where the form is inserted for checking your CSS rules, please? Where have been defined the CSS rules?

    Best regards.

    Using the plugin Simple Custom CSS.
    URL: https://xn--tryckbcker-jcb.se/produkt/tryck-mjuk-parm/

    Thanks

    Plugin Author codepeople

    (@codepeople)

    Hello,

    I’ve checked your webpage and the CSS rule you describe is not being included. I recommend you a simpler solution, please, follow the steps below:

    1. Insert a “HTML Content” field in the form.

    2. Enter as its content the piece of code below:

    <style>
    .cp_cff_clean #fbuilder span.uh { color: #252525 !important; }
    </style>

    Note: the class .cp_cff_clean is defined in the template selected.

    3. Finally, as the selected template displays a gray frame with the fields, and of course you don’t want to display it with “HTML Content” field that is used as auxiliary, enter through the attribute: “Add Css Layout Keywords” the special class name: hide

    and that’s all.

    Note: into the pair of tags <style></style> you can define all CSS rules you want.

    Best regards.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Custom CSS not working’ is closed to new replies.