Remove top padding from Pages


Is it possible to remove the top padding on the pages. Between the first image and the top bar. You can see in attached screenshot the padding…

So thankful for the help!


hey there

Hope you are having a good day and thank you for your question :slight_smile:
Please add this CSS in appearance - customize - additional CSS

.mt20 {
    margin-top: 0px !important;
.pt0 {
    padding-top: 0px !important;

Colorlib Support Team

Thanks! Works perfect.

One question, when i’m in the wp admin and delete the cache, it seems that it goes back to the previous version, without the new custom css changes. How does that work?



Well, this depends on your plugin (Setting) and browser and there is a one rule for site developers, dont use caching plugin when you are working on the website, especially when you make changes in css or js files,

Thanks! It works now, I think. I removed the autoptimize plugin.

Is it also possible to remove the top padding on the blog posts? See attached screenshot.



You can use this css:

.page-title-section {
padding: 20px 0;

Thanks, it works fine. But a bug. I had some css removing the page title. But on the product page, the title is still showing. And now with the padding it looks weird. See attached screen shot. Can you help me with removing the title on the shop/product page as well?


This time we need this css:

.page-title {
display: none;