Make WordPress Core

Opened 3 years ago

Closed 3 years ago

#54329 closed enhancement (fixed)

100% width on Customizer Range Controls

Reported by: domainsupport's profile domainsupport Owned by: hellofromtonya's profile hellofromTonya
Milestone: 5.9 Priority: normal
Severity: normal Version:
Component: Customize Keywords: has-patch commit
Focuses: css Cc:



Is it possible to add ...

.customize-control input[type="range"] {
width: 100%;

... into /wp-admin/load-styles.php so that range controls in the Customizer are as wide as possible allowing for smaller increments to be more easily obtained by the user?

Thank you,


Attachments (1)

customize-controls.diff (530 bytes) - added by domainsupport 3 years ago.
Add 100% width to range input in Customizer

Download all attachments as: .zip

Change History (8)

#1 @dlh
3 years ago

  • Keywords needs-patch added
  • Milestone changed from Awaiting Review to 5.9
  • Version 5.8.1 deleted

Welcome back @domainsupport, and thanks for the ticket!

This enhancement makes sense to me, and there's precedent for it with <select> controls in [40567]. Would you be interested in submitting a patch?

We're a little close to the enhancements deadline for 5.9, but this might be a change that could sneak in so as to receive feedback during beta.

#2 @sabernhardt
3 years ago

Adding the range input to the middle of this selector list would set them to 100% width, without any margin.

#3 @domainsupport
3 years ago

No problem @dlh, I've not done that before but think the attached file is correct. I've put it in the selector list that @sabernhardt referenced.

3 years ago

Add 100% width to range input in Customizer

#4 @dlh
3 years ago

  • Keywords has-patch commit added; needs-patch removed

Thanks @domainsupport! I tested the patch in a few browsers on macOS, and it worked as advertised. I'd welcome more feedback, but to my eyes, this is worth a shot.

#5 @domainsupport
3 years ago

Thank you! :)

#6 @hellofromTonya
3 years ago

  • Owner set to hellofromTonya
  • Status changed from new to reviewing

#7 @hellofromTonya
3 years ago

  • Resolution set to fixed
  • Status changed from reviewing to closed

In 51996:

Customizer: Make range controls full width.

Adds CSS for range controls in the Customizer to be as wide as possible allowing for smaller increments to be more easily obtained by the user.

Follow-up to [28930].

Props domainsupport, dlh, sabernhardt, audrasjb.
Fixes #54329.

Note: See TracTickets for help on using tickets.