Title: Adding date to grid thumbnails?
Last modified: August 20, 2016

---

# Adding date to grid thumbnails?

 *  Resolved [cathytxtwfr](https://wordpress.org/support/users/cathytxtwfr/)
 * (@cathytxtwfr)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/adding-date-to-grid-thumbnails/)
 * Hi,
    I am a beginner so apologies if my question is very simple.
 * How can I add the date to each grid post? I would like to place the date above
   each thumbnail in a small font size. I am not sure if this is something I do 
   in CSS or in the template files.
 * Here is my site: [http://cathywu.com/journal/treadling/](http://cathywu.com/journal/treadling/)–
   there is a thumbnail and post title, but i would like to also have the date show
   up.
 * hank you for any help
 * Cathy

Viewing 9 replies - 1 through 9 (of 9 total)

 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/adding-date-to-grid-thumbnails/#post-3202403)
 * 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](http://codex.wordpress.org/Child_Themes).
 *  Thread Starter [cathytxtwfr](https://wordpress.org/support/users/cathytxtwfr/)
 * (@cathytxtwfr)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/adding-date-to-grid-thumbnails/#post-3202410)
 * 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.
 *  [omggimme](https://wordpress.org/support/users/omggimme/)
 * (@omggimme)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/adding-date-to-grid-thumbnails/#post-3202422)
 * Hi Cathy,
 * I’ve somewhat did it for my page, you can see the example here [http://omggim.me](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
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/adding-date-to-grid-thumbnails/#post-3202423)
 * > 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!
 *  Thread Starter [cathytxtwfr](https://wordpress.org/support/users/cathytxtwfr/)
 * (@cathytxtwfr)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/adding-date-to-grid-thumbnails/#post-3202425)
 * 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
 *  Thread Starter [cathytxtwfr](https://wordpress.org/support/users/cathytxtwfr/)
 * (@cathytxtwfr)
 * [13 years, 6 months ago](https://wordpress.org/support/topic/adding-date-to-grid-thumbnails/#post-3202426)
 * Forgot to mention – its all resolved now! thank you.
 *  [Mindscanner](https://wordpress.org/support/users/mindscanner/)
 * (@mindscanner)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/adding-date-to-grid-thumbnails/#post-3202428)
 * 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](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 5 months ago](https://wordpress.org/support/topic/adding-date-to-grid-thumbnails/#post-3202429)
 * If you require further support than that given in this thread, create your own
   thread on the issue. This thread is resolved.
 *  [Mindscanner](https://wordpress.org/support/users/mindscanner/)
 * (@mindscanner)
 * [13 years, 5 months ago](https://wordpress.org/support/topic/adding-date-to-grid-thumbnails/#post-3202430)
 * 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

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Adding date to grid thumbnails?’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/pinboard/1.1.12/screenshot.png)
 * Pinboard
 * [Support Threads](https://wordpress.org/support/theme/pinboard/)
 * [Active Topics](https://wordpress.org/support/theme/pinboard/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/pinboard/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/pinboard/reviews/)

## Tags

 * [date](https://wordpress.org/support/topic-tag/date/)

 * 9 replies
 * 5 participants
 * Last reply from: [Mindscanner](https://wordpress.org/support/users/mindscanner/)
 * Last activity: [13 years, 5 months ago](https://wordpress.org/support/topic/adding-date-to-grid-thumbnails/#post-3202430)
 * Status: resolved