Post title not showing?

[William]

Hi there,

I’m not sure how I did this, if I have or not, but I cannot make post titles show on posts? Is there a way to enable it on all posts?

Kind regards,

Will

[Leo]

Hi there,

Post titles are enabled by default.

If it’s not showing when you create a new post, then there is likely a layout element that’s disabling it:
https://docs.generatepress.com/article/layout-element-overview/#disable-element

Let me know if this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[William]

Hi there,

That makes sense! However, in any of my layout elements, I don’t see any tab to disable elements?

[David]

Hi there,

you site has had a lot of custom development which also looks like it has excluded the content title from the template.

What title do you want displayed ? As the post you linked to according to the breadcrumb is Analysis

Whereas you posts Title Tag is:

Complete Analysis of 1984 by George Orwell | Book Analysis

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[William]

Hi there,

I’m not sure where this has been excluded or why the layout elements to disable areas are not showing? Just for design/development reasons, I would like the post title to appear here:

[Leo]

The screenshot you are showing is a header element. The disable element option is in the layout element.
https://docs.generatepress.com/article/layout-element-overview/#disable-element

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[William]

Okay, I don’t think I have any layout elements to disable the post title. I have this as additional CSS but I don’t see anything which would disable the post title/hide it, unless you can see it?

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');

/* GeneratePress Site CSS */ .inside-article,
.sidebar .widget,
.comments-area {
		border: 1px solid rgba(232, 234, 237, 1);
	box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}

/* Featured widget */
.sidebar .widget:first-child {
	background-color: #fff;
	color: #000;
}

.sidebar .widget:first-child .widget-title,
.sidebar .widget:first-child a:not(.button) {
	color: #000;
}

/* End of first widget */

.sidebar .widget li {
	margin-bottom: 15px;
}

.button.light {
	background: #fff;
	color: #000;
}

.button.light:hover {
	background: #fafafa;
	color: #222;
}

.separate-containers .page-header {
	background: transparent;
	padding: 20px 0;
}

.page-header h1 {
	font-size: 30px;
}

@media (min-width: 769px) {
	.post-image-aligned-left .post-image img {
		max-width: 300px;
	}
} /* End GeneratePress Site CSS */

/* Extra CSS specific to BookAnalysis.com */

.inside-header {
    display: flex;
    align-items: center;
}

.site-branding {
    order: 1;
}

.header-widget {
    order: 2;
    margin-left: auto;
    margin-right: 20px;
}

.main-navigation {
    order: 3;
}

.nav-float-right .header-widget .widget {
    padding-bottom: 0;
}

.nav-float-right .header-widget {
    top: auto;
}

.inside-header {
        align-items: center;
}

.site-branding {
    order: 1;
}

.header-widget {
    order: 2;
    margin-left: auto;
    margin-right: 20px;
}

.secondary-navigation {
    order: 3;
}

@media (max-width: 768px) {
	.alphabetical-filters {
    overflow-x: auto;
}
	a.guide-panel{
		width:150px !important;
		height:150px !important;
		margin-right:8px !important
	}
	.boxsec{
		text-align:center
	}
	.guide-panel .box-cont{
		height:40px !important
	}
	.guide-panel .content .title{
		font-size:14px !important
	}
	.author{
		font-size:15px !important
	}
    .inside-header {
        flex-direction: column;
    }

    .header-widget {
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }
}

.nav-float-right .header-widget {
    width: 400px;
    max-width: 100%;
}

.header-widget {
    width: 400px;
    max-width: 100%;
}

.archive article .inside-article {
    background-color: #fff;
    transition: background-color 300ms ease-in-out;
}

.archive article:hover .inside-article {
    background-color: #ddecf7;
}

.archive article a:before {
    content: "";
    position: absolute;
   	left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.archive article {
    position: relative;
}

.archive article a {
    transition: color 500ms ease-in-out;
}

/* Category and book button above content (GP element) */

table {
    border: none;
}

td {
    border: none;
}

/* Secondary menu sticky */ 
.secondary-navigation {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

/* Realign H1 of homepage to center */
.home h1 {
text-align: center;
}

/* madhumanti---5.6.2020 */

table.alphabetical-control.hidden-xs.hidden-sm {
width: 97%;
font-family: 'Roboto', sans-serif;
 margin: 12px 15px;
}
table.alphabetical-control.hidden-xs.hidden-sm td {
    /* border-right: 1px solid #e4e4e4; */
    /* border-left: 1px solid #e4e4e4; */
    /* background: #f9f9f9; */
    padding: 7px;
    border-bottom: 1px solid #cac5c5;
    border-top: 1px solid #cac5c5;
    text-align: center;
    width: 20px;
    font-size: 19px;
}

table.alphabetical-control.hidden-xs.hidden-sm td:nth-child(1) a, table.alphabetical-control.hidden-xs.hidden-sm td:nth-child(2) a
{
		color:#000;
}
table.alphabetical-control.hidden-xs.hidden-sm a {
    display: block;
    color: #726d6d;
}

.request {
    color: #908c8c;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    margin-top: 16px;
	  padding:0 15px
}

.request a{color:#6e4ed5}
a.guide-panel {
    display: inline-block;
    width: 223px;
    height: 223px;
    text-align: center;
    margin-right: 9px;
	  margin-bottom:15px;
	  border-radius:5px
}

.boxsec {
    margin-top: 30px;
	font-family: 'Roboto', sans-serif;
	padding:0 15px
}

.box-wrapper {
    display: table;
    height: 100%;
  	width: 100%;
}

.content {
    display: table-row;
    padding: 5px;
    vertical-align: middle;
}

.guide-panel
{-webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: white;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    border: 2px solid white;
    border-radius: 3px;
    text-align: center;
}
.alphabetical-filters td a.active {
    background: #9584e0;
    color: #fff !important;
}
.guide-panel .content .title {
    color: #181919;
    font-size: 21px;
    padding: 10px;
    display: table-cell;
    vertical-align: middle;
    line-height: 24px;
}
.guide-panel .box-cont {
    height: 52px;
    display: table-row;
}
.author {
    color: #181919;
    font-size: 19px;
    font-weight: 400;
    line-height: 20px;
    display: table-cell;
    padding: 3px 16px 0 16px;
    vertical-align: middle;
}
.guide-panel:hover {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

/* Image sizing for categories */

.category_title {
	float: left;
}

.category_image {
	float: right;
}

.category_image {
	align-content: right;
}

.ba-archive-image {
    height: 400;
}

/* Category/Post Hook Element CSS */
/* Make flex row */
.page-hero .hero-row {
    display: flex;
    align-items: flex-start;
}

/* Force image to right hand side */
.page-hero #category_image {
    margin-left: auto;
		padding: 15px;
}

/* Limit height of image */
.page-hero #category_image img {
    vertical-align: bottom;
    max-height: 150px;
		min-width: 100px;
}

@media (max-width: 768px) {
.page-hero .category-image-style img {
    vertical-align: bottom;
    max-height: 150px;
	}
}

@media (max-width: 768px) {
    .page-hero #category_image img {
        max-height: 150px;
        max-width: unset;
    }
}

/* add desktop padding to title and summary */
.page-hero #category_title {
    padding: 20px;
}

.page-hero #book_info {
    padding: 20px;
}

/* Change Padding for mobile */
@media (max-width: 768px) {
    .page-hero #category_title {
        padding-left: 20px;
				padding-right:0px;
    }
}

/* Post Hook Element CSS */
/* add desktop padding to title and summary */
.page-hero .hero-row {
    padding-left: 20px;
		padding-top: 0px;
		padding-bottom: 0px;
}

/* Change Padding for mobile hero-row (category and post) */
@media (max-width: 768px) {
    .page-hero .hero-row {
        padding: 0px;
    }
}

.page-hero #book_info {
    align-self: center;
}

.page-hero #book_info #post_title h1 {
    margin-bottom: 0;
}

/* Secondary navigation menu CSS (when to go to mobile width) */
@media (max-width: 1050px) {

    .secondary-navigation .menu-toggle,
    .secondary-navigation .mobile-bar-items,
    .sidebar-nav-mobile:not(#sticky-placeholder) {
        display: block;
    }

    .secondary-navigation ul,
    .gen-sidebar-nav {
        display: none;
    }

    [class*=”nav-float-“] .site-header .inside-header>* {
        float: none;
        clear: both;
    }
}

/* Change where image goes on desktop */
@media (min-width: 768px) {
    .page-hero #category_image {
        /* margin-left: 28%; */
    }
}

.entry-content p {
  margin-bottom: 2em;
}

/* Author Box CSS */
.author-box{  
    background: #ffffff;
    padding: 40px;
    overflow:hidden;
		margin-top: 20px;
		margin-bottom: 20px;
	box-shadow: 0 0px 1px rgba(192,192,192,0.3), 0 1px 4px rgba(217, 217, 217);
}
.author-box-avatar{
    float: left;
    margin: 0 20px 0 0;
}
.author-box-avatar img{
    border-radius:100%;
    border:5px solid #f1f1f1;
}
.author-box-description h5{
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: bold;
    text-transform: capitalize;
}

/* Remove category bottom of posts */
.cat-links {
    display: none;
}

/* Add box shadow to dark purple element (material design) */
.page-hero {
  -webkit-box-shadow: 0px 0px 5px 2px rgba(68,68,68,0.75);
-moz-box-shadow: 0px 0px 5px 2px rgba(68,68,68,0.75);
box-shadow: 0px 0px 5px 2px rgba(68,68,68,0.75);
}

.secondary-navigation .main-nav ul li:hover > a {
    transition: all 700ms;
}

/* Review widget correct */
.review-total-only {
  background: #7355CC !important;
}
review-count i {
    color: #9479D8 !important;
}
.wp-reviews-list .entry-title a:hover {
  color: #9479D8;
}
.sidebar .widget .widget-title, .sidebar .widget a:hover {
  color: #7355CC !important;
}

/* Fix WP Shortcode row/section mobile issue */
@media (max-width: 865px) {
.wps-shortcode-wrapper .wps-column ul {
    margin-left: 10px;
    max-width: 92%;
	padding-right: 35px;
	padding-left: 20px;
}}

@media (max-width: 865px) {
	.category-38 #wps-row {
    width: calc(96% + 30px) !important;
}}

[Leo]

Can you disable all your custom CSS and any custom functions to eliminate any conflicts?

Post titles should show by default and the only way to turn them off in all posts is with a layout element unless something else is conflicting.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[William]

Hi there,

I removed all CSS and snippets temporarily and still the post title does not show – is there a way to add the title somehow?

Kind regards,

Will

[David]

If you used the {{post_title}} template tag in the Header Element it will remove the content title.

You will need to use a Hook Element to add it back with this code:

<?php echo '<h1>' . get_the_title() . '</h1>';

Try the before_content_hook

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[William]

Ah okay, that makes sense! I used {{post_title}} in a header which made it disappear – it was not clear this would cause the post title to disappear – thanks for your help!

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts