Gray bar at top of pages - Remove

How do I remove the gray bar at the top of the pages. It's got the red arrow pointing to it in the attached screen grab?

Thanks!

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

div.page_heading_container {
visibility: hidden;
} 

Thanks & Regards
Gourav Shrivastava

 

Thank you! That worked.

Is there a way to minimize the space that hiding the gray bar created. I'd like to move the text up a bit.

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

div.page_heading_container {
margin-bottom: 0px;
padding: 0px 0 0px 0;
}

You can adjust the value of "margin" and "padding" as per your requirement.
This will solve your issue.