How to add custom classes to the customizer panels, sections or controls?

The customizer is rendered by several classes. Let’s look, for instance, at panels, which are generated by a function called render_template in the file WordPress Customize Panel class. As you can see the function hardcodes the html. You might be able to manipulate the json object from which a part of the class variables is taken, but I wouldn’t count on it. In any case you’re not supposed to mess with this, as indicated by the function being ‘protected’, and doing so might lead to unexpected results.

So, there is no native way to do what you want.

That said, you can of course go around this by adding a script file to the customizer, which adds classes to certain panels/sections/controls on the user end.

Related Posts:

  1. Different customizer previewUrls per section
  2. Add custom background to div in home page
  3. Theme customizer – possible to disable Live Preview?
  4. How do I handle the “WP_Customize_Cropped_Image_Control” callback?
  5. Theme Customization API options on install
  6. Make Theme Options Native to Theme Customizer
  7. Can I change a control’s transport in Customizer depending on the previewed page?
  8. Passing data from customize-controls.js to the customize-preview.js
  9. Get attachment id from WP Customizer
  10. How to output WP_Customize_Cropped_Image_Control setting?
  11. Why does get_theme_mod return blank (or default value) but get_option returns saved value?
  12. Deactivate sections/panels when the Customizer finishes loading
  13. Add button to Customizer
  14. Need to run a plugin on Customize.php
  15. Customizer preview doesn’t update get_option() value properly
  16. Customizer Issue, Default Settings not working
  17. Set Default Page On Customizer Live Preview
  18. How to hide few theme customization options – TwentySeventeen theme
  19. How to remove mixed content warnings in WP Customizer
  20. Does the customizer support multiple templates?
  21. How can a default site icon be set in customizer?
  22. New customizer setting not showing value
  23. Customizer Selective Refresh doesn’t refresh properly with saved value
  24. Removing pre existing menu item
  25. Theme customization based on grouped pages
  26. get_theme_mod() only working when the customizer is open
  27. Change the location of add_theme_support( ‘custom-header’ ) in the customizer
  28. Customizer: Update Preview instantly when typing into a number input field
  29. add_theme_support(‘custom-header’) does not add the option to customize
  30. Create custom control for WordPress customizer using JavaScript
  31. Customizer Not Applying Any Change, No Error Thrown
  32. Can i use the same sanitize function on multiple theme mod textboxes?
  33. Need a help on sanitization
  34. Make customizer controls get custom setting type value
  35. How to Get WP_Customize_Image_Control content?
  36. Custom switch not hiding sub-fields on Customizer’s load
  37. WordPress Customizer Selective Refresh: works only on first setting change
  38. Selective refresh and registering widget areas
  39. How to use Vuejs inside a custom control?
  40. Creating Dependant Text field in Customizer with Checkbox
  41. Customizer Ajax
  42. Add post type titles in customizer dropdown list
  43. How to make a Customizer partial force full refresh instantly?
  44. get_theme_mod filter ignores sanitize_callback
  45. DIVI Theme customizer changes not applied on existing pages [closed]
  46. Place a message in theme customizer sidebar
  47. Function has_custom_logo when used in Customizer
  48. Trouble creating custom sanitization function for user list dropdown
  49. WordPress Include ‘print_f’ in WP_Customize_Control array [closed]
  50. Output foreach loop used in WordPress wp_customize
  51. Changing Customizer Select To Checbox, But Retaining Classes
  52. Override theme style rule in Gutenberg
  53. Theme Check plugin error when I add ‘©’ [closed]
  54. doubble scroll bar on wordpress home page [closed]
  55. Theme Customize API Panel Concept
  56. Detect device change (desktop, tablet or mobile) in Customizer
  57. Kirki: generate toggles for each taxonomy term
  58. Allow multiple settings to be stored in a single option in Theme customizer
  59. Theme customizer not working
  60. How do you add a link in the description of one section of the customizer to another section in a different panel?
  61. When deleting a theme, are the theme customizer settings also deleted from the database?
  62. Get WordPress page Id inside customizer
  63. How to Add new Arguments to custom Control of customizer wordpress?
  64. How to delete old custom-css-stuff in the customizer-live-preview?
  65. Unexpected output using theme customizer
  66. Customizer List of Items
  67. Prevent WordPress from setting src on image added in Customiser
  68. How would you set Theme Customizer API Previewer Preview URL of a Logged out Page or Login Screen
  69. Twentyseventeen theme customize bug
  70. Defining path of content folder in WP-config solves the issue of missing header, footer, theme options. Is this a good approach? Expert Advice needed
  71. How to save theme customizer values as sub-array?
  72. customizer refresh breaks with this code but I don’t understand why
  73. Change a customizer control based on another control’s value dynamically
  74. Is there a way to load translations from .PO and .MO files for Customizer strings?
  75. Image Uploaded To Customizer Not Displaying
  76. add a section in wordpress theme to upload image and process it
  77. Can I fake being in the customizer?
  78. Domain redirect seems to break WP customizer
  79. Top header to edit page not present in one page
  80. WordPress Customizer not allowing menu options
  81. In 2016 Theme where is the Posts page thumbnail image stored?
  82. I need to get the control choices to sanitize_callback
  83. Edit style.css via theme customizer
  84. Customizer Get Control Choices on Change
  85. How do I flush a conditioned control’s value if the parent control has been unchecked?
  86. input type=”button” not working in customizer
  87. Hide Customizer Setting on ‘ready’
  88. How to implement Selective Refresh within posts?
  89. Location of customizer Menu panel core code
  90. Why my first new WP_Customize_Image_Control doesn’t work
  91. How to add a Visual Edit Shortcut to a theme mod?
  92. Return customizer setting value in functions.php
  93. Return value of get_background_color
  94. Let user select file in customizer
  95. Customizer_register not saving custom setting to database
  96. New Customizer Menu (WP 4.3) – how is called?
  97. Custom Sanitation Function Triggering an Alert in Customizer?
  98. How to tell theme customizer to save setting in my option table?
  99. Custom logo manage by customizer and theme options
  100. How to rename and rearrange multiple sections in the Customizer?