shift post margin to left

  • Unknown's avatar
    maplemiseon · Member ·

    Hello,
    I would like to add css code that would help me to shift my posts to the left on koreaeh.me I can play around with the measurements, but i’m looking for the basic code that would allow alignment between the post date to and my site title in the header.

    Also, I’ve noticed that the font under my blog stats is a different colour than the other widgets in my footer. I assume that this is because it is a link, and the others are not. Can someone give me code to help me change the font colour of that link, so I can get it to match the text in the other widgets.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    mrdirby · Member ·

    I’m not exactly sure what you are trying to achieve with the post date but this might be what you are looking for. 

    .content .hentry .post-date, .content .entry-format {
left: 0px;
}

.hentry .post-date * {
padding: 0;
}

.hentry .post-date {
text-align: left;
}

    The stats in your footer is actually not a link (the other way around). Here is what you would add in your css to make it the same color as the links. 

    .footer-widget-item li {
color: #666;
}

    If that isn’t right for the date let me know.

  • Unknown's avatar
    maplemiseon · Member ·

    Thank you mrdirby. This is exactly what I wanted to do. Since you obviously know what you’re doing, can you tell me how I can make some changes to my comments page. When I click on a comment that has been made, it takes me to a separate page for the post, where I can see the post and the comment. The post title appears differently than it does on my main page, and I want to change the font so that it is the same . . . not sure of code for the title on these separate pages. Also, I want to change the comment number font colour, font-style and size, and the sentence that says “Thoughts on . . . . ” as all of my other font titles are lowercase. Any ideas? Thanks for your help to make my blog look that way I want it too!!!!

  • Unknown's avatar
    mrdirby · Member ·

    Thanks! Glad it is what you were aiming for.

    To make your post titles the same update this in your css.

    .wf-active .post-title h1 {
color: #3399cc;
font-size: 34px;
font-family: optima;
}

    Although if you add that css it will bring the yellow bottom border up into the date. You have two options either leave the font size alone or add padding-bottom. Use the following code instead.

    .wf-active .post-title h1 {
color: #3399cc;
font-size: 34px;
font-family: optima;
padding-bottom: 40px;
}

    To change the comment number and squiggle. Add this css and change the color code. Where you can update the color, style and size.

    .post-info .post-com-count a, .post-info .post-com-count strong {
color: #555555;
font-style: style;
font-size: size;
}

    I can’t find where you are referring to “Thoughts on..” but to force lowercase you would find the class of the item and add this property.

    .classname {
text-transform: lowercase;
}
  • The topic ‘shift post margin to left’ is closed to new replies.