Theme options show weird glitch, only sliders visible in option menu

I had this same problem and added this code to the bottom of the functions.php file in the child theme which I have activated and it solved the problem.

add_action(‘admin_head’, ‘theme_fix’);

function theme_fix() {
echo ‘<style>
.form-table span {
width: auto !important;}
input {display: block !important;}
</style>’;}

I still have the problem after applying every single fix had posted here

I have the same problem with a greyed out screen.
The hack of smccombs works well but my next problem is that I need that color picker so I have to figure out for a other solution.

If you do not use a Child theme then you can still apply the hack, just make sure that the hack is made unkept with a theme up.

I use Avada 4.0.3 because of reasons.
I do not know yet whether the existing function is the same in the newer versions as well.

Add the thick printed line of code to the already existing function in functions.php
$ vim wp-content/themes/Avada/functions.php

/**
* Modify admin CSS
*/
function avada_custom_admin_styles() {
echo ‘<style type=”text/css”>.widget input { border-color: #DFDFDF !important; }</style>’;
echo ‘<style type=”text/css”>.wp-color-result { display: none !important; }</style>’;
}
add_action( ‘admin_head’, ‘avada_custom_admin_styles’ );

Hey I’ve just sat all day trying all the fixes on this thread and am here to share what finally worked.

Steps taken:
Updated Avada and Browser
Cleared Cache and hard refresh
Tried all the code given on the thread for the functions.php
– This last one simply gave a syntax error that broke the site (As I’ve seen some other people mentioned.

Code given above by @stant-design:

add_action(‘admin_head’, ‘theme_fix’);

function theme_fix() {
echo ‘<style>
.form-table span {
width: auto !important;}
input {display: block !important;}
</style>’;}

This was giving the error. I noticed the little ‘ (‘ vs ’) sign looked a bit slanted so i replaced them all in the code and it solved the syntax error and fixed the issue I was having. Here with the code I’ve used in my functions.php for those who are seeing the same error. Hope it helps someone. Just paste their code in and replace all the ‘ signs.

Thanks @stant-design for the fix 🙂

Cheers.

• This reply was modified 5 years, 10 months ago by tormenta234.
• This reply was modified 5 years, 10 months ago by tormenta234.

Works just make sure the single apostrophe marks are correct after you paste (compare with the other apostrophe marks in your functions.php file).

Thanks

• This reply was modified 5 years, 7 months ago by dniu.
• This reply was modified 5 years, 7 months ago by dniu. Reason: Better clarification
• This reply was modified 5 years, 7 months ago by dniu.

In my experience it is no longer necessary to use this code if you’ve fully updated your avada.

I’m using avada 5.7.2, and, I’ve removed the above mentioned code entirely after updating to version 5.7.1. And it works fine.

Every tool remains fully visible and they can be used as far as I can tell from my system.

So, it seems to me that avada fixed this problem some time earlier. But you have to update to the newest avada version including all the required plugings.

I modified a little the code.
Try this one, it worked for me:

add_action(‘admin_head’, ‘wp_color_result_disable’);
function wp_color_result_disable() {
echo ‘<style>
.wp-color-result {
display: none !important;
}
</style>’;
}