Favorites "heart" icon color in new Smug

gryhnd · August 15, 2013

Originally posted in the Pro Sales Support since this has a potential effect on sales, but I'm not getting any replies there.

After a couple back and forths with a Hero, I'm now at this stage:

My new stock smug theme, Moss, uses a dark grey color for all the "accent colors" which, it turns out, includes the heart icon for event favorites. In my situation this color rendered it impossible to tell if you had successfully fav'd a photo or not: the color was the same fav'd or un-fav'd.

A hero tells me that all I can do is change the accent colors setting. However this changes many elements of the theme site wide. I don't want that as it makes the site look ugly. All I really want to do is change to color of the heart icon itself (preferably back to the original red for selected).

Does anyone know of a work around? A snippet of CSS perhaps?

Thanks in advance.

rhituraj · August 15, 2013

gryhnd wrote: »

Originally posted in the Pro Sales Support since this has a potential effect on sales, but I'm not getting any replies there.

After a couple back and forths with a Hero, I'm now at this stage:

My new stock smug theme, Moss, uses a dark grey color for all the "accent colors" which, it turns out, includes the heart icon for event favorites. In my situation this color rendered it impossible to tell if you had successfully fav'd a photo or not: the color was the same fav'd or un-fav'd.

A hero tells me that all I can do is change the accent colors setting. However this changes many elements of the theme site wide. I don't want that as it makes the site look ugly. All I really want to do is change to color of the heart icon itself (preferably back to the original red for selected).

Does anyone know of a work around? A snippet of CSS perhaps?

Thanks in advance.

http://www.smugocity.com/keyword/heart - does this help?

gryhnd · August 15, 2013

rhituraj wrote: »

http://www.smugocity.com/keyword/heart - does this help?

Partially! That solves the color over the thumbnail, but I'm looking for the heart at the bottom of the screen when selecting a favorite.

That's what's not obvious enough in the color change between fav'd and not fav'd. I'm trying to get the "fav'd" (selected) color back to red.

See attached.

Thank you!

basflt · August 15, 2013

gryhnd wrote: »

Partially! That solves the color over the thumbnail, but I'm looking for the heart at the bottom of the screen when selecting a favorite.

That's what's not obvious enough in the color change between fav'd and not fav'd. I'm trying to get the "fav'd" (selected) color back to red.

See attached.

Thank you!

is your page secret ?

if you want the experts to have a look , you better include a link to your site

gryhnd · August 15, 2013

basflt wrote: »

is your page secret ?

if you want the experts to have a look , you better include a link to your site

The events are closed of course, that's why it didn't occur to me.

But here you go, thank you: http://hyperionphoto.us/

aschendel · August 15, 2013

This might work, it seemed to for me:

/* favorited heart */
.sm-button-image-favorited .sm-fonticon-Heart
{
  color: #FF0000 !important;
}

gryhnd · August 15, 2013

aschendel wrote: »

This might work, it seemed to for me:

You sir, are my savior

That was the final piece.

Thank you everyone.

Combining all the suggestions from up above into one block of code, this did the trick for me.

/***** Thumbnail Image Area *****/
.sm-user-ui .sm-tile-status {
  color: red!important;
}

/***** Main Image Area + Removes Faded Overlay *****/
.sm-user-ui .sm-gallery-image .sm-tile-status {
  color: red!important;
  background: 0.0;
}

/***** Un-Favorite Icon *****/
.sm-user-ui. .sm-button-image-favorited .sm-fonticon-Heart {
color: blackl !important;
}

.sm-user-ui .event-favorites-link .sm-fonticon-Heart {
  color: red;
}

/* favorited heart */
.sm-button-image-favorited .sm-fonticon-Heart
{
  color: #FF0000 !important;
}

Favorites "heart" icon color in new Smug

Comments