- This topic has 11 replies, 3 voices, and was last updated 5 months, 1 week ago by
David.
-
AuthorPosts
-
August 10, 2020 at 7:16 am #1395409
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
August 10, 2020 at 8:36 am #1395690Leo
StaffCustomer SupportHi 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-elementLet me know if this helps 🙂
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 11, 2020 at 5:05 am #1396907William
Hi there,
That makes sense! However, in any of my layout elements, I don’t see any tab to disable elements?
August 11, 2020 at 7:10 am #1397082David
StaffCustomer SupportHi 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/August 11, 2020 at 7:53 am #1397288William
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:
August 11, 2020 at 8:47 am #1397381Leo
StaffCustomer SupportThe 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-elementDocumentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/August 11, 2020 at 8:51 am #1397389William
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; }}
August 11, 2020 at 8:53 am #1397392Leo
StaffCustomer SupportCan 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/August 12, 2020 at 4:44 am #1398619William
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
August 12, 2020 at 7:26 am #1398835David
StaffCustomer SupportIf 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/August 13, 2020 at 2:48 pm #1401690William
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!
August 13, 2020 at 4:16 pm #1401765David
StaffCustomer SupportYou’re welcome
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.