enter image description here

Is it possible to switch the icon displayed under Customizer->Widgets for your custom widget plugin? Right now it displays a + as icon.

Thank you!

div#widget-tpl-widget-clock-widget-3 .widget-title:before {
  content: "\f107";
  font-family: dashicons;
  • Can you provide a screenshot of where the + icon displays? – Mat May 15 '18 at 21:41
  • The icons are just set with CSS. To change them enqueue a stylesheet that sets your own icon in the customize_controls_enqueue_scripts hook. – Jacob Peattie May 16 '18 at 4:19
  • Added an image showing what I mean. @JacobPeattie are you sure you are talking about the widgets icon in the customizer? Because I don't understand how I would use that? – joq3 May 16 '18 at 9:06
  • Yes. Inspect it with the dev tools and you'll see what I mean. – Jacob Peattie May 16 '18 at 12:18
  • @JacobPeattie yes I can manage to change the dashicons using the CSS I posted in the first post. But that requires the number after the widget, which feels like it can break the function, don't know where this number comes from. Isn't it possible to set this by editing the widget itself? – joq3 May 16 '18 at 14:05

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.