You would need to edit the php file — and since it’s not a good idea to modify theme files directly, you would need to first create a child theme.
Thank you. I assume it is index.php I will need to edit/make a child theme then? Do you have a link to a tutorial you recommend for adding an entry date/modifying a .php ? Sorry I am a beginner at this but I am trying to learn.
Hi Cathy,
I’ve somewhat did it for my page, you can see the example here http://omggim.me
I hope you already have your child theme installed. You will need to edit functions.php in your child theme and also add to the CSS in your dashboard.
1. CSS:
– go to your DASHBOARD > APPEARANCE > EDIT CSS
– at the bottom just add the following few lines:
.date-meta {
background-color: #000;
opacity: .5;
filter: alpha(opacity=50);
position: absolute;
padding: 5px;
top: 21px;
right: 20px;
color: #FFF;
}
– you will have to play around with your settings such as top, right, I am using the 4-coloumn format, so it might be a bit off for you.
2. functions.php
– Search for pinboard_post_thumbnail, around lines 1495 and replace the entire function with what I have below.
function pinboard_post_thumbnail() {
if( has_post_thumbnail() ) : ?>
<figure class="entry-thumbnail">
<div class="date-meta"><? echo get_the_time( get_option( 'date_format' ) );?></div>
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>">
<?php the_post_thumbnail( ( pinboard_is_teaser() ? 'teaser-thumb' : 'blog-thumb' ) ); ?>
</a>
</figure>
<?php endif;
}
3. Save and refresh
I hope you already have your child theme installed.
Yes! Do not do any of these kinds of changes in theme files. And be sure to keep back-up copies as you do this kind of thing.
But nice help on this modification!
Hi!
Thank you so much. It worked perfectly. (I made a child theme too) The date was also overlapping the image, and I couldn’t figure out how to push my thumbnail down, so I just pushed the date up – works for me. Thank you again!
Cathy
Forgot to mention – its all resolved now! thank you.
sorry for reopening this topic but what do i have to change to use the code for category on the tumbnails?
ps im verry bad with CSS 🙁
thx
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If you require further support than that given in this thread, create your own thread on the issue. This thread is resolved.
Sorry Andrew allready done it but i tryed this way to get faster reply.
Bad misthake i see sorry i remember it for next time
thx