Narrow or remove grey page title bar

Hi all,

This forum has been really helpful so far!

I saw a lot of posts on ‘remove page header,’ which makes sense because otherwise pages display the same title twice, but what if now I want to 1) narrow the grey bar at the top of the page or 2) do the opposite - remove the grey bar with the page title and keep the page title that’s more in the body of the page?

In my screenshot attached, “Basics” is sitting in the grey bar I’m talking about, and I’ve already used Movin’s code to remove the other header (found here https://colorlibsupport.com/t/how-to-remove-shapely-theme-heading/)

Hi @premierdebate,

I hope you are well today and thank you for your questions.

1) narrow the grey bar at the top of the page or

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other


section.page-title-section.bg-secondary {
    padding: 25px 0;
    height: 90px;
}
2) do the opposite – remove the grey bar with the page title and keep the page title that’s more in the body of the page?

To achieve this please use the solution posted in the following topic.

https://colorlibsupport.com/t/page-title-section-removal/

Best Regards,
Movin