Warning: Cannot modify header information - headers already sent by (output started at /home/jerwon11/divtagtutorials.com/wp-content/plugins/captcha/captcha.php:1) in /home/jerwon11/divtagtutorials.com/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 60
Blog comment button font color is wrong

Blog comment button font color is wrong

Weebly treat all blog buttons as “links”. When you change the link color in “design” it also changes the text color of the blog buttons. We do have styling code to prevent Weebly from overriding the codes, but some times Weebly still have the ability to override the button color. Here is how you can override Weebly’s link change:

  • Click into “design” then into “edit html/css
  • Click into “main_style.css
  • Here locate this code:

.blog-comments .blog-link, .blog-comments-bottom .blog-link,
.blog-read-more .blog-link, .blog-body .blog-comments-bottom a,
.blog-post .blog-read-more a {
color: white !important;
background-color: #339933;
}

  • Here modify the code highlighted above to this:

.blog-comments .blog-link, .blog-comments-bottom .blog-link,
.blog-read-more .blog-link, #blogTable .blog-body .blog-comments-bottom a
.blog-post .blog-read-more a {
color: white !important;
background-color: #339933;
}

The GREEN code is what is added

  • Save your change and re-publish the website