How to replace a class selector name to another

  • Resolved tilou

    (@tilou)


    4 years, 2 months ago

    Hi

    Is it possible to replace the name of a class selector by another one? I use Uikit https://getuikit.com/docs/text. I would like the form to look like Uikit by Yootheme.

    e.g. .comment_area to .uk-card-body

    Thanks
    Jean-Lou

    • This topic was modified 4 years, 2 months ago by tilou.

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

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

    (@codepeople)

    4 years, 2 months ago

    Hello @tilou

    Thank you very much for using our plugin. You can assign custom class names to the fields through their “Add CSS Layout Keywords” attributes.

    Best regards.

    Thread Starter tilou

    (@tilou)

    4 years, 2 months ago

    Codepeople thank you for your quick answer. But UIKit has predefined styles. If I attach a class to an element, it takes that style. Then if I go to the dashboard and make a change, the change is made globally. In my case, I want all the “instruction text”in my CFF form to look like all item that has the “.uk-text-primary” class.

    • This reply was modified 4 years, 2 months ago by tilou.
    • This reply was modified 4 years, 2 months ago by tilou.
    Plugin Author codepeople

    (@codepeople)

    4 years, 2 months ago

    Hello @tilou

    Note that if you assign the class name to the fields and modify the style globally, it will affect all fields with the class name regardless of the form it is on.

    An alternative would be to generate a custom template and use it from your form.

    More information about custom templates by reading the following blog post:

    https://cff.dwbooster.com/blog/2021/09/27/create-new-form-template

    Best regards.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘How to replace a class selector name to another’ is closed to new replies.