Chateau – "leave a comment" and line under post titles

  • Unknown's avatar
    suzannebrandsen · Member ·

    I just upgraded to the custom design today for Chateau, and already I am looking for some help. I used this coding below to take out the post info/post by information under the title of each post, and it also removed the “Leave a comment” section. Is there any way I can keep the comments and keep out the author/tags section?

    .post-info {
    color:#555555;
    display:none;
    font-variant:small-caps;
    padding:10px 2.8% 0 24.5%;
    }

    Also, the line directly underneath the post title – how can I change it to the color I want (#c2b71f)?

    Thanks!
    Suzanne
    http://www.suzannebrandsen.wordpress.com

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

  • Unknown's avatar
    designsimply · Member ·

    The post author and category/tags list are not split out very distinctly in the html, but you can hide the post author with some tricks. Try this:

    First, remove “display:none;” from your .post-info block. Then add this:

    .post-info {
visibility: hidden;
}
.post-info a {
visibility: visible;
float: left;
padding-right: .5em;
}
.post-info .by-author {
display: none;
}
  • Unknown's avatar
    designsimply · Member ·

    Also, the line directly underneath the post title – how can I change it to the color I want (#c2b71f)?

    To change the line below post titles in the Chateau theme, try this:

    .post-title h1 {
	border-bottom: 1px solid #c2b71f;
}
  • Unknown's avatar
    suzannebrandsen · Member ·

    Wow, I’ve asked for help in these forums before and I’m always SO impressed with how fast you respond! Thank you!

    I tried it and it did add the comments back as well as the categories. I thought I didn’t want the categories, but I’m okay with them. The big thing was getting rid of the “author” since it’s not a mystery who that would be. :)

    Thanks!

  • Unknown's avatar
    suzannebrandsen · Member ·

    Again, perfect. Thanks so much! Do you have any advice for changing the colors of lines inside each post? Below the body of the post there are two solid lines I would change as well as the dotted lines below each commenter.

  • Unknown's avatar
    designsimply · Member ·

    Thanks!

    Ohh, yeah, you did mention hiding categories and I missed it. There’s not really an easy way to hide one and not the other. But, right, why not keep the categories! :)

  • Unknown's avatar
    designsimply · Member ·

    Hang on. I lied. To get rid of all the stuff in the byline except the comments links, remove that other stuff and do this instead:

    .post-info {
visibility: hidden;
}
.post-info .post-com-count {
visibility: visible;
}

    But I still think you should keep the categories links. :)

  • Unknown's avatar
    designsimply · Member ·

    For the other line colors you mentioned:

    Below the body of the post there are two solid lines 

    .single .post {
border-bottom: 1px solid #c2b71f;
}

    I would change as well as the dotted lines below each commenter. 

    #comments li.byuser .comment-text {
border-top-color: #c2b71f;
}
  • Unknown's avatar
    suzannebrandsen · Member ·

    Aw, well thanks for figuring it out! I’ll keep this on file, but I’m taking your advice and leaving them in the post.

  • Unknown's avatar
    designsimply · Member ·

    :)

  • Unknown's avatar
    suzannebrandsen · Member ·

    Great, thanks! The top line under the post worked great. The comments line ended up funny – it only colored the lines underneath WordPress user comments. Kinda snobby of me.. :)

    Also, the solid line next to the number of comments (2nd solid line underneath the post) isn’t changed still. I tried a variation of your code thinking I finally cracked it, to no avail..

  • Unknown's avatar
    designsimply · Member ·

    The comments line ended up funny – it only colored the lines underneath WordPress user comments.

    Oh odd. Try this:

    .comment-text {
border-top: 1px dotted #c2b71f;
}

    Also, the solid line next to the number of comments (2nd solid line underneath the post) isn’t changed still.

    Yeah, that’s a different snippet:

    .comment-text {
border-bottom: 1px solid #c2b71f;
}

    And to get the larger 4px gray lines too, add this:

    #comments li {
border-top: 4px solid #c2b71f;
}

    Although that seems a bit dark for that big of a border, so you may want to set it to border-top: none; or change 4px to 1px or something similar.

    There are even still more borders. For example, to get the one below the comment form heading:

    #comments #respond h3 {
border-bottom: 1px solid #c2b71f;
}

    I’m finding these by looking through the original theme CSS btw:
    https://s-ssl.wordpress.com/wp-content/themes/pub/chateau/style.css?m=1324084873g&minify=false

    And also by using my browser’s web inspector. I use Chrome and you can right-click → Inspect Element to make it show you the html and relevant CSS for what you clicked on. Most browsers have a way of doing that or an add-on you can install like Firebug for Firefox to do it. Pretty handy.

  • Unknown's avatar
    suzannebrandsen · Member ·

    Yup, I think I bit off a bit more than I was planning on here. Thanks for these tips, all of the changes worked but one, and it really isn’t that big of a deal.

    I really appreciate your help :)

    And I’ll see if I can get going with one of those add-ons, that would be really helpful.

  • Unknown's avatar
    designsimply · Member ·

    No problem! I’m happy to help. :)

  • The topic ‘Chateau – "leave a comment" and line under post titles’ is closed to new replies.