Improved Styling (Disable Box Shadow)

  • Resolved jetxpert

    (@jetxpert)


    4 years, 3 months ago

    How can we disable the box shadows displayed when we click on the new “up/down” or “collapse” icons displayed in WP’s dashboard widgets?

    Click here for details.

    Which wp-admin css file is affected by this? We’d like to use (temporarily) the CSS code “box-shadow: none!important;” to disable them.

    Unless they are needed for Accessibility reasons, would like to recommend they be disabled at WP’s next revision level.

    Thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter jetxpert

    (@jetxpert)

    Temporary Solution:

    We were able to disable (temporarily) the box shadows by adding the following CSS code to the elements contained in the files provided below:

    CSS Code:

    box-shadow: none!important;

    Elements Affected:

    .postbox .handle-order-higher, .postbox .handle-order-lower and .toggle-indicator

    WP Admin Files Affected:

    /wp-admin/css/common-rtl.css

    /wp-admin/css/common-rtl.min.css

    /wp-admin/css/common.css

    /wp-admin/css/common.min.css

    After modifying above files, clear all caches (e.g., caching plugin, browser, CDN) to see changes.

    Permanent Solution:

    Incorporating the above (or equivalent) into WP’s next update or revision.

    Thank you!

    These were added for accessibility reasons, so they won’t be removed any time soon.

    Thread Starter jetxpert

    (@jetxpert)

    @joyously,

    As suspected. Thank you.

    Cheers!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Improved Styling (Disable Box Shadow)’ is closed to new replies.