Change the "heart" for likes

[rtr2006]

I thought this could be done in extra.css but it ended up just adding an additional icon beside the original heart.

How can I change that heart to a thumbs up, a checkmark or something besides that!

Thanks

 

[Lisa]

Did you edit something more than just that one section in SP?

 

[rtr2006]

ummmm I changed 2 other boxes

Under "likes icon" area, changed this to the height and width of the image I uploaded

Miscellaneous
Width: 18px
Height: 18px

 

[Arty]

Probably you unchecked option to show profile on left side by accident. See style properties -> message layout

 

[Shelley]

ummmm I changed 2 other boxes

Under "likes icon" area, changed this to the height and width of the image I uploaded

Miscellaneous
Width: 18px
Height: 18px

Change the following

.messageRight .messageUserInfo {
float: right;
}

to

.messageRight .messageUserInfo {
float: left;
}

and then change the following

.message.messageRight.messageFullBlock .messageInfo {
margin-left: 0;
margin-right: 115px;
}

to

.message.messageRight.messageFullBlock .messageInfo {
margin-left: 115px;

}

that seemed to sort it out in firebug when i test it.
[/code]

 

[rtr2006]

Bingo - thank you Arty. If I had known it was something dealing with the theme, I would have come directly to your site. Your support is top notch!

Thanks to all.

 

[Shelley]

Or follow Arty's instructions (best suggestion) if it's a setting you made in SP

 

[Pierre Boulanger]

Change the following

.messageRight .messageUserInfo {
float: right;
}

to

.messageRight .messageUserInfo {
float: left;
}

and then change the following

.message.messageRight.messageFullBlock .messageInfo {
margin-left: 0;
margin-right: 115px;
}

to

.message.messageRight.messageFullBlock .messageInfo {
margin-left: 115px;

}

that seemed to sort it out in firebug when i test it.
[/code]

All this goes to extra css?

 

[Arty]

Yes. All custom CSS should go to extra.css

 

[Pierre Boulanger]

Yes. All custom CSS should go to extra.css

Actually what i want to do is to change the "likes" with a heart

i.e. kostas 2cv

this.

Is it possible?

 

[CTXMedia]

... and it's Ruh roh not Rut roe if you're going for the comedy Scooby Doo (Uh oh) replacement ...

 

[Pierre Boulanger]

Actually what i want to do is to change the "likes" with a heart

i.e. kostas 2cv

this.

Is it possible?

Should i guess that it can't be done right?

 

[Paul B]

Edit all instances of the like related phrases and replace the text "like" with <img src="http://digitalviews.smugmug.com/photos/i-5hQLL9G/0/O/i-5hQLL9G.png" />

For example:

{user1}, {user2}, {user3} and <a href="{likesLink}" class="OverlayTrigger">{others} others</a> <img src="http://digitalviews.smugmug.com/photos/i-5hQLL9G/0/O/i-5hQLL9G.png" /> this.

Host the image locally (on a sprite).

 

[Pierre Boulanger]

Edit all instances of the like related phrases and replace the text "like" with <img src="http://digitalviews.smugmug.com/photos/i-5hQLL9G/0/O/i-5hQLL9G.png" />

For example:

{user1}, {user2}, {user3} and <a href="{likesLink}" class="OverlayTrigger">{others} others</a> <img src="http://digitalviews.smugmug.com/photos/i-5hQLL9G/0/O/i-5hQLL9G.png" /> this.

Host the image locally (on a sprite).

Thanks for the help Brogan.

In "likes_you_like_this" for instance it must look like this?

You </a> <img src="http://digitalviews.smugmug.com/photos/i-5hQLL9G/0/O/i-5hQLL9G.png" /> this.

If yes it doesn't work. Please note that the image is hosted in my online gallery (smugmug.com). That may cause the problem?

 

[Paul B]

It works on my local, I tested it.



You will need to ensure the path to the image is correct.

 

[Pierre Boulanger]

It works on my local, I tested it.

View attachment 57541

You will need to ensure the path to the image is correct.

I did it

Thanks

 

[Digital Doctor]

I did it

Tell us how you did it so the next person has an easier job.

 

[Paul B]

I told him how to: http://xenforo.com/community/threads/change-the-heart-for-likes.57963/page-2#post-642461

 

[Pierre Boulanger]

Tell us how you did it so the next person has an easier job.

I did exactly what Brogan suggested!
You may follow the link above