That didn’t work for me. Here’s what I have after those edits:
<div class="bottom-header blog">
<div class="container">
<div class="row">
<?php if( is_page_template( 'page-templates/blog.php' ) ): ?>
<div class="col-sm-12">
<h2><?php the_title(); ?><span class="span-dot"><?php _e( '.', 'illdy' ); ?></span></h2>
</div><!--/.col-sm-12-->
<?php elseif (is_singular()): ?>
<?php else: ?>
<div class="col-sm-12">
<?php illdy_archive_title( '<h2>', '<span class="span-dot">'. esc_html__( '.', 'illdy' ) .'</span></h2>' ); ?>
</div><!--/.col-sm-12-->
<div class="col-sm-8 col-sm-offset-2">
<?php illdy_archive_description( '<p>', '</p>' ); ?>
</div><!--/.col-sm-8.col-sm-offset-2-->
<?php endif; ?>
</div><!--/.row-->
</div><!--/.container-->
</div><!--/.bottom-header.blog-->
It seemed to work for me. I didn’t find that code in header.php so I didn’t edit it at all. As for bottom-header-blog.php see below.
<?php
/**
- The template for dispalying the bottom header section in blog.
-
-
@package WordPress
-
@subpackage illdy
*/
?>
<div class=“bottom-header blog”>
<div class=“container”>
<div class=“row”>
<?php if( is_page_template( ‘page-templates/blog.php’ )): ?>
<div class=“col-sm-12”>
<h2><?php the_title(); ?><span class=“span-dot”><?php e( ‘.’, ‘illdy’ ); ?></span></h2>
</div><!–/.col-sm-12–>
<?php elseif (is_singular()): ?>
<?php else: ?>
<div class=“col-sm-12”>
<?php illdy_archive_title( ‘<h2>’, ‘<span class=“span-dot”>’. esc_html_( ‘.’, ‘illdy’ ) .’</span></h2>’ ); ?>
</div><!–/.col-sm-12–>
<div class=“col-sm-8 col-sm-offset-2”>
<?php illdy_archive_description( ‘<p>’, ‘</p>’ ); ?>
</div><!–/.col-sm-8.col-sm-offset-2–>
<?php endif; ?>
</div><!–/.row–>
</div><!–/.container–>
</div><!–/.bottom-header.blog–>
Hey Ion! This code works for me but it still removes my blog titles. Is there a way to take out the page titles but not the blog titles without having to apply to individual page ids?
I’m not sure I understand what is going on here
If you want to delete pages titles but not the blog titles you should use some CSS rules:
.page #header .bottom-header h2 { display: none !important; }
.single #header .bottom-header h2 { display: block !important; }
Let me know if the above did the trick or I’m missing anything.
Regards
Thanks for the response, Ion.
.page #header .bottom-header h2 { display: none !important; }
.single #header .bottom-header h2 { display: block !important; }
doesn’t work unfortunately, as seen by the first screenshot. And it actually removes the header from the jumbotron which I would like to keep.
The current code I have is:
#blog .blog-post .blog-post-title {
display: none;
}
which works to remove the duplicate header but also removes blog titles as seen from this URL: topsourcemedia[dot]com/blog/
This is getting a little over my head, I’ll get back to you with more information.