Button color

edited May 2015 in Blog
When I chose a light grey color for buttons e.g. "Read More" it also changed the symbols indicating the comment counts and the likes. Can this be controlled separately? Because now the Read More button looks better, but the other things can hardly be seen.

Comments

  • Yes, this can be controlled within css. Tell us what exactly you want to change and we'll see if it's possible.
  • This button for example

    image


    seems to be controlled by the same color code than the line with author, category etc. here:

    image


    I would like to leave the button color but darken the text color (obviously).
    Can these color codes be separated?

  • So to change this button text color, please use below css:
    .pager_lm .pager_load_more span i { color: #000 !important; }
    .pager_lm .pager_load_more span { color: #000 !important; }
  • This is not what I was talking about. The button text is fine, but the text color on the line with author, category etc.needs to be darkened, which is unfortunately also darkening the button background color at the same time which is not wanted.

    I circled the are on the screenshot:

    image
  • I think I found it - this seemed to do the trick:

    .post-meta .author-date a {color: #aaa !important;}
    .post-meta .author-date {color: #aaa !important;}
    .cat-btn {color: #aaa !important;}
    .label {color: #aaa !important;}
    .icon-comment-empty-fa {color: #aaa !important;}
    .page {color: #aaa !important;}
    .page.active {color: #fff !important;}
Sign In or Register to comment.