Help Center Vote buttons change color

Answered

5 Comments

  • Tal Admon

    Hi Andrew 

    See the attached image.

    I am editing "Community post page" in the theme editor and adding the following css code:

    .vote-up:before {
    background-color: #FF0000;
    border: 5px solid #00FF00;
    }

    .vote-down:before {
    background-color: #0000FF;
    color: white;
    }

    I can change the inner color, the border color and width, etc.

     

    0
  • Tal Admon

     

     

     

    You can also do more radical changes, like changing the arrows and getting rid of the borders.

    This is an example for a more reddit-like vote:

     

    0
  • Andrew Checkley

    Thanks,

     

    I'm using humble squid, To be honest the edits show is what I thought but I'm seeing no differences when applying a background.

    Its the vote option on article I'm wanting to change at the moment. The thumbs up thumbs down I should have said sorry.

    Currently they are grey but we have light blue background so they are a little washed out now.


    Thanks

    Andrew

    0
  • Andrew Checkley

    Aaah found it!

     

    For reference should anyone else struggle to locate

    Around line 1278 (depending on what changes you have made)

    .article-vote-up, .article-vote-down {

    0
  • Jessie Schutz
    Zendesk team member

    @Tal - Thanks for jumping in to help!

    @Andrew - So glad you go it working! I love it when a plan comes together. :)

    0

Please sign in to leave a comment.

Powered by Zendesk