Removing categories and moving date in Vigilance theme

  • Author
    Posts
  • #788880

    jonsampson
    Member

    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.

    #789024

    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.

    #789025

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

    #789047

    jonsampson
    Member

    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.

    #789053

    jonsampson
    Member

    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.

    #789054

    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;
    }
    #789055

    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.

    #789056

    The categories are 1.1em for reference.

    #789060

    jonsampson
    Member

    That’s perfect. Thanks so much!

    #789061

    You are welcome.

The topic ‘Removing categories and moving date in Vigilance theme’ is closed to new replies.