While setting up pages on WordPress we might need to customize CSS on single page.
This is true on Landing pages where we prefer users don’t see the normal header or header menu.
In WordPress we easily can use the appearance > customise > additional css tool to customize our css tags.
How can we customise CSS code on a single page or post?
CUSTOMISE THE BLOG PAGE
In the example we want to remove the h2 heading from the blog page.
It is simple, just add the tag .blog to your css script.
.blog h2 { display: none !important; }
The change will appear only on your blog page
CUSTOMISE A POST
We are now going to remove h1 heading from a specific page which has id 576
.postid-576 h1 { color: red; }
CUSTOMISE ANY PAGE
The last one is changing specific css on a WordPress page
.page-id-711 .entry-title { display: none; }
You can clearly manage every tags you like
.page-id-711 h1, h3, div, p, img { margin: 10px; }
