Social Icons

kristen

Any way to add in a custom photo for the "other" social icon link. It's linked properly at the bottom of my screen but I would love to add in a photo as well so it looks nice with my FB, instagram, etc.

Smug Eric

I'm not seeing a way to swap that out. My only thought is maybe you could use one of the logos from another of the social services, but not a custom image. What you may want to do is find the image you want and place it next to your social links as a single image content block with a link to where you want it to go.

jwashburn

kristen wrote: »

Any way to add in a custom photo for the "other" social icon link. It's linked properly at the bottom of my screen but I would love to add in a photo as well so it looks nice with my FB, instagram, etc.

I would not use the built in SmugMug social integration and build your own with some HTML and CSS then you can have full control of what you need.

Hikin' Mike

jwashburn wrote: »

I would not use the built in SmugMug social integration and build your own with some HTML and CSS then you can have full control of what you need.

I second that. That's what I'm doing.

jerryr

Here is what I did using CSS :


/* Custom Links Custom */

.sm-page-widget-social-links-link .sm-official .sm-fonticon
{
background-image: url("imageURL");
height: 40px;
width: 40px;
background-repeat: no-repeat;
background-position: top center;
color: transparent;
}

.sm-fonticon-LinkSquare:before {
display: none;
}



The imageURL is the link to your badge image you designed. The size of the designed image is 40 pixels by 40 pixels.

Questions - please let me know - jr

StudioGucciardo

Imdb
Hello everyone,
Im trying to do the same thing for an IMDB link. Can you tell me where to put this CSS code? I kno whow to do it with legacy smugmug but not the new one.

Thank,
Jim
www.jimgucciardo.com

jerryr

HI - you can place the code in your theme - Advance - Custom CSS area.
Let me know if you need any help - jerry

StudioGucciardo

Thank You sir!

StudioGucciardo

CSS code not working
Heya Jerry,
I tried putting in the code you wrote. I went Theme ( current)- Advanced, and changed the "image url" to the url address of the badge I have. I keep that photo in afile on my site and copy and pasted the link replacing the words image url ( i left the quotes in) but it doesn't seem to work

StudioGucciardo

nevermind
Hello again jerry!,
pay no attention to post above. I figured out the problem. Works great now! thanks so much!

www.jimgucciardo.com

J

jerryr

Excellent - looks good Jim - nice job ! jerry