Make Projects Header smaller


I’m loving the theme but I don’t like the header on the projects page being so big and empty.
Is there a way to remove this, as the attached image shows.


Hey there

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

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 -> Additional CSS

/*reduce padding*/
.single-jetpack-portfolio section.content-area {
    padding-top: 5px;

Best Regards,

THanks for your reply, that didn’t fix the issue. It didn’t remove the gray area, it just made the space between the gray area and the featured image disappear.

maybe attached image can help

Hey there,
I hope you’re doing well today

Kindly send the URL to one of your projects so I can have a look at the issue for you.

Best Regards,


Use this Custom CSS to hide the page title area, Add this CSS snippet in Appearance -> Customize -> Additional CSS.

.single-jetpack-portfolio .page-title-section { display: none; }

Let us know,


That one didnt work,

I used below and that did the trick! Thanks for the support :smiley:

.header-callout { display: none; }


Glad we helped. :wink:

Let us know If you have any other questions. Please feel free to contact us again in the future regarding any other issues.

If you’re happy with our service, don’t forget to rate us: [Shapely] Reviews |