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. 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. 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. 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. 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. The categories are 1.1em for reference.

  9. That's perfect. Thanks so much!

  10. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags