Change Twenty Twelve post comment button (2 posts)

  1. bluestrat55555
    Posted 4 years ago #

    On my blog (it's in 'maintenance mode' right now, so I took a screen shot ;-)) I've edited the background color of the main content area from the default white color to a light gray:


    my problem is that the 'post a comment' button is a rectangle with a white background that looks ugly being surrounded by the gray main background... Anybody how i could edit the theme to either replace this with a link that says post a comment, or edit the picture and back the white background transparent?

  2. carbis
    Posted 4 years ago #

    You probably want to create a child theme to do this (pretty simple - check this out: http://codex.wordpress.org/Child_Themes )

    In your child theme copy over the content.php file from twenty eleven and you can edit lines 28 - 32 to adjust what is displayed in this section. You will probably want to use the comments_popup_link function, you can read about it here:

    You would need to do this for all the content-*.php pages.

    Then you just need to edit the styles for the comments link. Apply your styles in style.css to .entry-header .comments-link a. The base styles for this are found from line 1024 in the twentyeleven style.css file.

    If you just wanted to edit the picture:
    1. In your child theme create a new folder called images
    2. Put your edited background image in the images folder you just made
    3. Add this line to your child theme style.css:
    .entry-header .comments-link a {
    background: #eee url(images/NEW-BACKGROUND-IMAGE.PNG) no-repeat;
    (you could change the #eee to the same colour as your background, too)

Topic Closed

This topic has been closed to new replies.

About this Topic