Recherches récentes

Pas de recherche récente

How to style the form if is dynamically generated?

image avatar

Alex | Plement

Publication le 16 janv. 2025

I want to style the inputs that I added through the admin panel but it has styles that are not found in the css. Please guide me in the right direction where I can change them.

 

I cant just view the code in the browser because as soon as I click the dropdown disappears with all the classes and html. Everything is generated dynamically… 

 

0

1

1 commentaire

Date
    Le(s) plus récent(es)
      image avatar

      Francis Casino

      Hi Alex!
       
      When styling inputs added through the Zendesk Admin panel (like in your request form), the HTML and CSS are dynamically generated, which can make inspecting and editing styles tricky.
       
      To style inputs added via the Zendesk Admin panel, try this:
       
      • Use browser DevTools with keyboard shortcuts (e.g., Ctrl+Shift+C) to inspect dropdown elements that disappear on click.
      • Check your Guide theme’s CSS files under Customize Design > Edit Code > assets/css/.
      • Add custom CSS at the end of your stylesheet targeting Zendesk’s generated classes (e.g., .request-form select).
      • Please note that if some styles seem missing or hard to find, they might be injected via JavaScript or inline styles. In that case, use !important selectively in your custom CSS to override inline styles.
       
       

      0

      Se connecter pour laisser un commentaire.

      Vous ne trouvez pas ce que vous cherchez ?

      Nouvelle publication