How can I hide/remove page titles on the site?

Shapely
1

Is there a way to remove the the page titles? Thank you

2

Hi,

The simplest way of doing is by using CSS way to hide it, Go to Appearance -> Customize -> Additional CSS, and add this in it.

.header-callout { display:none; }

Let us know,

Thanks,
laranz.

3

I added the additional CSS but page titles are still there when you are visiting the page.

4

Hello there,

Please try using the following CSS code to remove the titles:

h1.entry-title, .page-title {
display: none;
}

Best Regards,
Support

5

This CSS code did NOT work either. I just found out that page titles are hidden according to page template. withthe CSS code it only work when thew page is on “Default Template” . But I need the page as “Full Width”. Whenever I change it to full width title just comes back.

6

Hi,

This should work for any page templates, Go to Appearance -> Customize -> Additional CSS, and add this in it.

.header-callout { display:none; }

If that didn’t work for you, can you show us a link to the page, so that we can examine and give you the right CSS?

Let us know,

Thanks,
laranz.

7

Hi Laranz,

I have the same issue in that i want to use the full width template, but hide the page title.

With your first code,
.header-callout { display:none; }
this hides the black circled item.

However i actually want to hide the yellow circled item, the page title and date and publisher.

Was wondering if the code will also work with other templates or only with full width template?

Much appreciated =)

8

Hello there,

Please try using the following CSS to remove the title and post data:

/*Remove title and post data*/ h2.post-title, .entry-meta { display: none; }

Best Regards,
Support

9

Hi Support team,

.header-callout { display:none; }

/Remove Title/
.bottom-header h1 {
display: none;
}
h1.entry-title, .page-title {
display: none;
}

/Remove Title/
.bottom-header h1 {
display: none;
}

these all are not working for my site. Can you please help me out?

see my link http://accordconsultants.in/how-to-write-resume/

10

Hi there

Dear @ketanbhagwat i cant see any page titles or headers on your website, could you provide a link to the direct page?

11

I would like to ask one more thing I dont find correct topic now,

Two queries I have defined in the attached image and below is the 3rd query.

  1. My query is I have below code to increase the image space, but it is not mobile responsive. Can you please help me out in this?

/increase header padding size/
#header .bottom-header.blog {
padding-top: 500px;
}

  1. How to change menu color only for blog pages?

  2. Image in blog page cutting? How to fix the image?

This is the link, you change check in your mobile too.

12

Hi there

Menu color, add this css in appearance > customize > additional css:

.postid-792 #header .top-header .header-navigation ul li a {
    color: #ffffff;
}

Image - you need better image here, this one i small for this job, try to choose something like 1980*1080

13

Thanks for your reply, Its working but only on one post page my another post pages are remaining the same.
.postid-792 #header .top-header .header-navigation ul li a {
color: #ffffff;
}
Can you let me know how to do with all post page.
I have also tried with changing post ID for my another post but its not working, see below example,

.postid-754 #header .top-header .header-navigation ul li a {
color: #ffffff;
}

14

Hello there,

Please remove that CSS and try using this CSS to have the color appear on all the pages:


#header .top-header .header-navigation ul li a {
color: #ffffff;
}

Best Regards,
Support