Return to previous page

Royal admin CSS is breaking our WPEngine dashboard page

This topic has 10 replies, 3 voices, and was last updated 8 years, 6 months ago ago by Eva Kemp

waxingkara

Participant

May 11, 2016 at 22:51
There is a rule in the Royal theme CSS that is conflicting with the WPEngine dashboard page in WordPress admin. Specifically, in royal/framework/css/admin.css, on line 862, you have:
```
.wp-core-ui .modal{
	top:4% !important;
}
```
This is forcing the modal on that page to never go away, which breaks the page (you can click the tabs behind it).

Can you issue a fix?
#125338 Copied Theme version: 2.6 WooCommerce version: 2.5.5
9 Answers

Eva Kemp

Support staff

May 12, 2016 at 08:55

Hello,

Could you please show a screenshot of the issue?
Provide wp-admin credentials in Private Content.

Regards,
Eva Kemp.

#125404 Copied

waxingkara

Participant

May 12, 2016 at 14:13

credentials submitted in private content.

Please, contact administrator
for this information.

#125493 Copied
Robert Hall

Support staff

May 12, 2016 at 15:05
Hello,

I’ve added this code in Global Custom CSS. Please check it.
```
.wp-core-ui .modal {
    display: none;
}
```
Regards,
Robert Hall
#125516 Copied
waxingkara

Participant

May 12, 2016 at 18:48

That had no effect. I assume that custom theme css is only applied to the front end. The Royal theme css file needs to be edited, or I need a way to unhook that css file on this particular dashboard page.

#125548 Copied

Robert Hall

Support staff

May 13, 2016 at 07:40

Hello,

In this case navigate to /wp-content/themes/royal/framework/css/admin.css file via FTP and try to comment out that code.

Regards,
Robert Hall

#125605 Copied

waxingkara

Participant

May 13, 2016 at 14:08

That’s the only solution you can come up with? Every time we update the Royal theme it will break again. Seems like a poor solution. Please ask your developers if they can address this, or give us a function to add to our child theme to disable the admin.css loading on that page. I tried this but it doesn’t work:
remove_action( 'admin_init', 'etheme_load_admin_styles' );

The core problem is that you have “!important” rules littered throughout the theme’s CSS, which is bad practice and this is an example of why.

#125706 Copied
Robert Hall

Support staff

May 14, 2016 at 08:30
Hello,

Please copy the admin.css file into child-theme/framework/css/ folder. Then add CSS style into the same file
```
.wp-core-ui .modal {
    display: none;
}
```
Then add the following code in function.php file of the Child Theme
```
function mytheme_enqueue_options_style() {
    wp_enqueue_style( 'mytheme-options-style', get_stylesheet_directory_uri() . '/framework/css/admin.css' ); 
}
add_action( 'admin_enqueue_scripts', 'mytheme_enqueue_options_style' );
```
Regards,
Robert Hall
#125774 Copied
waxingkara

Participant

May 15, 2016 at 23:32

Got it, thanks.

#125836 Copied

Eva Kemp

Support staff

May 16, 2016 at 07:25

Hello,

You’re welcome.

Regards,
Eva Kemp.

#125852 Copied
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Royal admin CSS is breaking our WPEngine dashboard page’' has been successfully resolved, and the topic is now closed for further responses

Royal admin CSS is breaking our WPEngine dashboard page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection