How to get new date icon on homepage?

  • Resolved Brittany

    (@bookaddictsguide)


    10 years, 1 month ago

    Hi there!

    I just recently set up a “date icon” to sit next to my post title on my blog (https://www.bookaddictsguide.com) but it’s only showing up on individual posts and not visible from just the homepage. (I so lack the technical terminology so I apologize in advance!) And now for some reason the titles look okay on the single posts but the alignment is off when viewing from the main page as well.
    Any advice on how to fix these two issues? I’m guessing it’s something to do with how I originally set up the code for the post date (in content.php) but I’m not sure which other place I might need to include it.

    Thank you in advance!

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

  • I just recently set up a “date icon” to sit next to my post title on my blog

    what file in your child theme did you edit for that?
    what is the exact code of the edits?

    Thread Starter Brittany

    (@bookaddictsguide)

    I set this up in content.php (in my Twenty Twelve child theme)

    <div class="postdate">
  <div class="postmonth"><?php the_time('M') ?></div>
  <div class="postday"><?php the_time('d') ?></div>
</div>

    Then I created and positioned the circle with CSS in my Twenty Twelve child style sheet: 

    .postdate {
  float: left;
  display: inline;
  margin-bottom: -60px;
  margin-left: 10px;
  background: url(https://www.bookaddictsguide.com/wp-content/uploads/2015/01/DATEICON5.jpg) no-repeat;
  width: 75px;
  height: 75px;
  text-align: center;
}

.postmonth{
  color: #5fa2db;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  padding-top: 11px;
  padding-right: 20px;
}

.postday{
  color: #5fa2db;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  padding-right: 20px;
}
    Thread Starter Brittany

    (@bookaddictsguide)

    FINALLY figured it out myself!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to get new date icon on homepage?’ is closed to new replies.

Tags