How to change the button size

Hi @prodigito

There is no option to resize the button directly from the plugin but you can do it using the custom CSS feature.

Select a class and use a media query to increase/decrease the size based on the device.

example: Remember to change the button-style number. Use the button that you are using, each of which has a style number (.style-9).

@media screen and (max-width: 600px) {

.wp-dark-mode-switcher.wp-dark-mode-ignore.style-9.floating.right_bottom.active>label.wp-dark-mode-ignore.wp-dark-mode-shake {
    width: 20px!important;
    height: 22px!important;
  }
	
}

Since you want to change the button size to both light and dark versions, you need to use the theme’s customizer section instead of the WP Dark Mode custom CSS section.

Thanks

• This reply was modified 3 years, 1 month ago by sabbirsam.