gnohz

Hi Kevin,

To simplify matters, I standardised the date font across the blog page and single post pages. Then I did some trial and error with the min-width and max-width parameters and managed to arrive at the final result.

As you mentioned, the alignment between the numbers isn’t perfect, especially when single date digits are involved) but I think this is the closest I can get. I can always switch back to the original date layout and centre it on top of the titles. It doesn’t look that bad, actually.

Thank you again to you, Hannah and Ben for all the help! This has really been one of the most versatile and easy to use themes I have used, with exceptional service. I appreciate it.

Hi Hannah,

1. Thank you for pointing out that I have right padding added to h1 tags! I must have copied from some site without realising it.

However, in addition, I am trying to display my post dates as a single line eg “13 Jul 2016” centered above the blog post titles. The CSS from Kevin works only for some posts but for the others, the dates are not aligned correctly (ie “day” is above, and “month” and “year” is below).

For eg, the dates of the first 2 blog posts (www.truphotos.com/blog) are perfect, but the next 2 blog post, the dates are not. Moreover, clicking on the first post brings me to the single post page, and there the alignment of the date becomes off.

2. Your css works perfectly! Thank you!

Hi Kevin,

1. The CSS works for a few post dates, but others doesn’t seem to align well.
Also, on mobile devices, the titles does not seem to be using the full width of the page.
https://www.truphotos.com/blog/

2. I have set it to full. Please take a look when you have the time.

Many thanks!

Hi Kevin,

Sorry for missing that out.
As you can see from the blog page (https://www.truphotos.com/blog/), the date is aligned to the right of the title. I’m trying to see if it can be positioned below the title and centred? If not, is it possible to centre it above the title?

Hi Hannah,
It’s not working this time. The page that is having this issue are the blog categories page. The sidebar only appears when the Page/Post Settings > Blog Archive is set to “Full”.
https://www.truphotos.com/category/children/

Many thanks.

With regards to the centering of posts in the category page, I noticed that when I switched Page/Post Settings > Blog Archive > “Full”, the invisible sidebar appears again.

Is there something I should add? My current code for hiding the sidebar is:
.category aside.col-lg-3.col-md-4.kad-sidebar {
display: none;
}
.category .main.col-lg-9.col-md-8.postlist {
width: 100%;
}

Hi KT,

Thank you for your reply.

May I know what do you mean by the output is above? I think moving the date above the title works for my design too, if that is an option.

If I use a child theme, could you let me know what I should edit and how?

Thank you for your help.

Hi Kevin,

Thank you for your help.
1. It works! I didn’t realise it was such a straightforward solution.

2. The date formatting is exactly what I was looking for! However, it is still in the same position as before. Is it possible to position the date below the titles?

Thank you so much!

Sorry for another post. I managed to solve some of the above on my own.

For 3, I changed my mind and decided to hide all meta data for category and comments counter below the post title using the following CSS:

.postedintop, .postcommentscount, .kad-hidepostedin {
display: none;
}

I still need help with:

-Single posts page are still displaying an invisible sidebar. How can I hide the sidebar for all posts without editing each post individually?

-Is it possible to change the published post date to a single line date (eg 07 July 2016) with original grey background and position it centered below the post title?

Thank you once again!

I decided to try it out but not sure if it’s done correctly.

3.
To remove the tags at the bottom in blog page only (I want them to show in single post page), in content-fullpostfull.php, i commented out this line:

<footer class=”single-footer”>
<!– <?php $tags = get_the_tags(); if ($tags) { ?> <span class=”posttags”><i class=”icon-tag”></i> <?php the_tags(”, ‘, ‘, ”); ?> </span><?php } ?> –>

<?php wp_link_pages(array(‘before’ => ‘<nav class=”page-nav”><p>’ . __(‘Pages:’, ‘virtue’), ‘after’ => ‘</p></nav>’)); ?>
<?php
if ( comments_open() ) :
echo ‘<p class=”kad_comments_link”>’;
comments_popup_link(
__( ‘Leave a Reply’, ‘virtue’ ),
__( ‘1 Comment’, ‘virtue’ ),
__( ‘% Comments’, ‘virtue’ ),
‘comments-link’,
__( ‘Comments are Closed’, ‘virtue’ )
);
echo ‘</p>’;
endif;
?>
</footer>

To remove the icons and comments counter, in entry-meta-subhead.php, I commented out these portions:

<?php $post_category = get_the_category($post->ID); if ( $post_category==true ) { ?>
<span class=”postedintop”> <!– <i class=”icon-folder-open”></i> –>

<?php _e(‘posted in:’, ‘virtue’); ?> <?php the_category(‘, ‘) ?></span> <?php }?>
<!– <span class=”kad-hidepostedin”>|</span>
<span class=”postcommentscount”>
<i class=”icon-comments-alt”></i> <?php comments_number( ‘0’, ‘1’, ‘%’ ); ?>
</span> –>

Did I manage to do it correctly?
Thanks again.

Hi Hannah,

Thank you for your reply!

1. I have set Display Sidebar to No. This works for the blog page, but single posts are still display with an invisible sidebar. Instead of editing each post and setting Post Options > Display Sidebar to No individually (too many posts involved!), is it possible to set this by default?

2. Your custom css worked magically!! ??

3. Some small tweaks I’m not sure if they are possible: I chose to display the blog with full post content. Is there a way not to display the keyword tags at the bottom of the posts? Also at the top of posts, hide the tiny category icon comments icon, and comment counter?

My blog is https://www.truphotos.com/blog/

Thank you so much.

Moved to the correct theme forum.

Thank you bradvin! That’s great to hear ??

Thank you kchayka!
I guess the only way is to clear the error message every now and again ??