How to only display post headings

Sparkling
1

Hi,
I love the theme and appreciate the support you provide, thank you.

I have a small issue;
I am using my home page as my posts/blog page.
I do not want to display the headings on my other pages so I have added this css code

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

Which works perfectly. Unfortunately, when I use that code, it also hides the headings of all the posts on my home page.
I have also tried;

/Remove Title/
.page-header {
display: none;
}
/remove title home page only/
/Remove title/
.home .entry-header {
display: none;
}

Which had no effect at all

Is there any way that I can show the title/heading of each individual post on my home page, while still hiding the title/heading of my other pages?

Kind Regards,
David

2

Hello David

Please provide url to your page and let me know what is your goal, what you want to achieve?

3

HI,
Thanks for your reply.
The website is not live, I am developing it on a WAMP server so I cannot send you a URL.
Basically, I do not want to display the headings on any of my pages, but I want to display the headings of my posts on my homepage.

My homepage is not static, it displays my posts

Regards,

David

4

Hello

David, in order to generate custom css we need to see website :frowning:
We can left this ticket as is and once you upload your site come back with the site url

5

HI,
The URL is http://www.aow.asn.au

Regards,

David

6

GOod evening David

Thank you for coming back :slight_smile:
please try this CSS:

.home #primary .page-header {
display: none;
}

remove everything else

7

Thanks for your reply, but that made no difference.
How about I email you a temporary login to my wordpress site so you can see whats going on there with my other "additional CSS’?

8

Hello

mm, are we talking about the same?
please remove all your current css and give me a screenshot of the element/text you want to hide
No, yet i don’t need access

9

But I have other css formating CFA and other things
I dont want to remove them

10

Good evening,

No, only remove css code that is created for this task

11

HI,
Thanks for your reply and continued assistance
I did remove the other code originally, but the code you gave me made no difference.
What I want is I do not want to display the headings on any of my pages, but I want to display the headings of my posts on my homepage, which is not static.
This is all my current additional CSS code without your suggestion.

.single #content ul.default-wp-page {
display: none;
}
.single .navigation.post-navigation {
display: none;
}
.category-featured + .navigation.post-navigation {
display: block !important;
}
/Remove Title/
.page-header {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: -2em 0 0;
}
.cfa-text {
font-size: 18px;
text-align: left;
}
.top-section .cfa {
padding: 0px 10px 10px;
}
.cfa-button {
font-size: 18px;
padding: 10px 10px;
margin-top: 17px
}
#secondary .widget {
margin-bottom: 5px;
color: #636467;
overflow: hidden;
}
#secondary .widget a {
color: #99630c;
font-weight: bold;
}
#secondary .widget > h3 {
font-size: 14px;
text-transform: uppercase;
margin-bottom: 5px;
margin-top: 10px;
color: #636467;
}
#secondary .widget a:hover {
color: #f4a524;
}
table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
font-size: 13px;
}

This is all my current additional CSS code with your suggestion

.single #content ul.default-wp-page {
display: none;
}
.single .navigation.post-navigation {
display: none;
}
.category-featured + .navigation.post-navigation {
display: block !important;
}
/Remove Title/
.home #primary .page-header {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: -2em 0 0;
}
.cfa-text {
font-size: 18px;
text-align: left;
}
.top-section .cfa {
padding: 0px 10px 10px;
}
.cfa-button {
font-size: 18px;
padding: 10px 10px;
margin-top: 17px
}
#secondary .widget {
margin-bottom: 5px;
color: #636467;
overflow: hidden;
}
#secondary .widget a {
color: #99630c;
font-weight: bold;
}
#secondary .widget > h3 {
font-size: 14px;
text-transform: uppercase;
margin-bottom: 5px;
margin-top: 10px;
color: #636467;
}
#secondary .widget a:hover {
color: #f4a524;
}
table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
font-size: 13px;
}

12

Hello

" I do not want to display the headings on any of my pages, but I want to display the headings of my posts on my homepage" - Ok, now i understand what you want :slight_smile: try this code:

.page-header {
display: none;
}
.home #primary .page-header {
display: block !important;
}

13

Yep, that fixed it, thanks

14

Great :slight_smile:
I will close this case now, Feel free to contact us again if you have other questions Thanks!