[ad_1]
Need help with hiding page titles. This is my H1 class and when I am using add that page. entry-title display none code in additional CSS, nothing is working. I have found the class for H1 as this. can you help how to go about it?
[ad_2]Copyright © 2020 - 2022, Project DMC - WordPress Tutorials for Beginners- All Rights Reserved. Privacy Policy
h1.editor-post-title { display:none;}
Part of the problem might be that you’re inspecting the code of the backend/editor. Inspect and test it on the front end.
.wp-block-inner-page-title .wp-block-post-title {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
white-space: nowrap !important;
border: 0 !important;
}
EDIT: This is a way to hide the text, but allow it to be “seen” by screen readers.
Dafuq you using reddit for… stackoverflow is your friend….
Are you using your own H1s?
The markup you’re inspecting is the editor. That’s not what you want to look at – inspect the front end page code. Or remove the h1 via the editor – but I’m assuming it’s being added via a template?
.page .entry-title {
display: none;
}