How to fix the shape of the egg in the color picker in the Oxygen UI?

Categories:
Tags:
,

After the release of WordPress 5.3 in the Oxygen interface for any elements, the color picker began to have an oval shape (or the shape of an "egg", as this phenomenon was called in the Oxygen community). This is due to a change in styles in WordPress core files. It amuses someone, but it can annoy someone.

The egg in the color picker in the Oxygen UI

I suggest a simple trick to work around this problem temporarily. In WordPress, in the "Appearance> Customize> Additional CSS" section, add the following CSS code:

.wp-picker-container .wp-color-result.button{min-height:21px}

How to fix the shape of the egg in the color picker in the Oxygen UI?

This action will return the normal view to the color picker in the editor interface. Once this bug is fixed in the next official Oxygen update, delete this code. But if you forget to delete it, then nothing bad will happen.

Do not try to add this CSS in the Code Block or to the StyleSheet, as this will not fix the problem in the editor interface.

If you have questions or suggestions, then write comment below.
If you need personal assistance or personal consultation,
please contact me through the feedback form.

Follow the release of new tips and tutorials:
arrow-up