Displaying tags from a post on the front page

• #27242

  
  Elizabeth
  

  On August 15, 2013 at 1:18 pm

  Hello,

  I would like the tag from a post to appear on the front page where the picture is, on the same line that the date is, but on the left, always showing, not just when hovering.

  Thank you in advance for your help!

  #27424

  
  Towfiq I.
  

  administrator

  On August 16, 2013 at 5:02 am

  Open up layout1.php and replace this(appears 3 times):

  <div class="date_meta"><?php the_time('d'); ?>. <?php the_time('m'); ?>. <?php the_time('Y'); ?></div>

  with this:

  <div class="tag_meta"><?php the_tags(); ?></div>

  then add this to the very bottom of your stylesheet:

  .tag_meta{padding:3px 10px; background:rgba(0, 0, 0, 0.4); position:absolute; right:0; top:10px;}

  #31492

  
  Elizabeth
  

  On September 2, 2013 at 8:36 pm

  Hi Towfiq,

  That works great, except the date disappeared altogether. Any ideas on how to restore that?

  Thanks.

  #31493

  
  Towfiq I.
  

  administrator

  On September 2, 2013 at 8:37 pm

  thats what you wanted right? you wanted to display tags in place of date?

  #31504

  
  Elizabeth
  

  On September 2, 2013 at 9:35 pm

  Update:
  instead of replacing <div class=”date_meta”><?php the_time(‘d’); ?>. <?php the_time(‘m’); ?>. <?php the_time(‘Y’); ?></div> with <div class=”tag_meta”><?php the_tags(); ?></div> , I added the second line in front of the first line. In my stylesheet I added margin-right: 180px; I’m not sure that this is the way to do it, but it seems to work.

  The problem now is that I can’t style the font (the tags are in blue with an underline) and the word “tags:” appears, which I don’t want. Any ideas?

  All your help is much appreciated !

  #31505

  
  Towfiq I.
  

  administrator

  On September 2, 2013 at 9:37 pm

  yes, its a valid way to do this. Add this to your stylesheet to fix the text color of the tags:

  .tag_meta a{color:#fff; text-decoration:none;}

  #31507

  
  Elizabeth
  

  On September 2, 2013 at 9:38 pm

  Oops, I just read your comment….no I didn’t want the date to disappear, I just wanted to add the tag on the same line.

  #31509

  
  Elizabeth
  

  On September 2, 2013 at 9:42 pm

  Thanks, that fixed the blue underline issue. Any ideas on getting rid of “tags:” ?

  #31510

  
  Towfiq I.
  

  administrator

  On September 2, 2013 at 9:44 pm

  replace this:

  <?php the_tags(); ?>

  with this:

  <?php the_tags( ' ', ', ', '); ?>

  #31513

  
  Elizabeth
  

  On September 2, 2013 at 10:08 pm

  I did that on all three lines and everything from the slider down disappeared. Was I supposed to do it only on one of the lines?

  #31550

  
  Towfiq I.
  

  administrator

  On September 3, 2013 at 4:24 am

  sorry, replace this:

  <?php the_tags( ' ', ', ', '); ?>

  with this:

  <?php the_tags( ' ', ', ', ''); ?>

  #31677

  
  Elizabeth
  

  On September 3, 2013 at 5:34 pm

  Perfect! It looks awesome! Thanks for your help.