Support » Themes and Templates » Change Twenty Twelve post comment button

  • 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?

Viewing 1 replies (of 1 total)
  • You probably want to create a child theme to do this (pretty simple – check this out: )

    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)

Viewing 1 replies (of 1 total)
  • The topic ‘Change Twenty Twelve post comment button’ is closed to new replies.