Change the Color of the "Like" Button When Clicked

When a viewer clicks the "Like" button on your page, by default, it will turn to white. If you would like to set the color that it turns to, it can be done with some simple CSS. Note: When you're logged, in you will NOT see the Like button. Only non-logged in users can like your photo. Don't worry if you don't see the like button. Try opening your page in a different browser (without logging into your site) and you'll see the like button and the color it changes to! Add the following code to your theme's Advanced CSS settings:

/* Change the Like Button "Liked" color to orange */
.sm-button-image-liked {
   color: #f36f21 !important;


  • No Comments
Powered by SmugMug Owner Log In