Need help? Check out our Support site, then


Removing categories and moving date in Vigilance theme

  1. I'm very new to CSS and tweaking a few things on my blog. I'd like to remove the Categories piece at the bottom right of each post and then move the date from the top of each post, placing it in the bottom right where the Categories were.

    Is there a way I can make that happen?

    (I already have the Custom CSS upgrade)

    Thanks for your help!

    The blog I need help with is jonsamp.com.

  2. thesacredpath
    Staff

    This should do it for you.

    .categories {
    display: none;
    }
    
    .post {
    position: relative;
    }
    
    .date {
    position: absolute;
    bottom: 5px;
    right: 0;
    }

    If you want to match the font and font size of the leave a comment link at left, let me know.

  3. thesacredpath
    Staff

    You also have "tags" that appear at top right. Do you want those on the left?

  4. Thanks! Yes - I'd like to match the size (and color) of the comments piece if possible.

    At this point, I'm going to leave the tags where they are.

  5. Actually, I may go even a little smaller than the comment size with the date, to match the size of the Category text that's currently there.

  6. thesacredpath
    Staff

    Then change the .date rule to what I have below.

    .date {
    position: absolute;
    bottom: 5px;
    right: 0;
    font-size: 1.3em !important;
    color: #333333 !important;
    }
  7. thesacredpath
    Staff

    Just adjust the 1.3em font-size value then. You can even go to two digits to the right of the decimal of you want such as 1.15em.

  8. thesacredpath
    Staff

    The categories are 1.1em for reference.

  9. That's perfect. Thanks so much!

  10. thesacredpath
    Staff

    You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags