Yoast CSS issue with other themes – Page Analysis, FIX

OK, I have seen people having issues with the Yoast Analysis page. I took a look because I was having this issue one of my sites. As a coder I have to make things work for clients all the time. Big-time, when it comes to other coders plugins, word-press itself etc…

If you combine resolutions from others and debug it yourself you can find a resolve or at least a temporary one.

OK, this is what I did about this issue:
If you cant see the page analysis I found out it was an CSS issue for me. SO, what I did was inspect the element using Firefox tool to locate the class name which was .wpseoanalysis also saw that it had a table system in it with tr.

Combine them and adding a bit of code in the function.php file of the theme it was resolved. I could see the Page Analysis again.

I FOUND THIS BIT OF CODE AND TWEAKED IT!:
Code I found:
Apply Custom CSS to Admin Area

add_action('admin_head', 'my_custom_fonts');
function my_custom_fonts() {
  echo '<style>
    body, td, textarea, input, select {
      font-family: "Lucida Grande";
      font-size: 12px;
    }
  </style>';
}

Add this to your themes function.php file. The code below not above. Make sure you backup the file beforehand just in case you need to re-upload because you copied or missed something. Always backup first so you can re-upload old version of function.php file if something goes wrong.

My Code for the fix:

/////////////////////////////////////// Temporary Fix for this Yoast Issue StyleSheet ///////////////////////////////////////
add_action('admin_head', 'my_fix_yoast');
function my_fix_yoast() {
  echo '<style>
	.wpseoanalysis tr {
	display: block !important;
	}
  </style>';
}