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'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.
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.
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.
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
Comments
Support Hero and Customeister
http://www.smugmug.com/help
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.
www.joeywashburn.com
I second that. That's what I'm doing.
Images in the Backcountry
My SmugMug Customizations | Adding CSS to Your Site | SEO for the Photographer | Locate Your Page/Widget Number | SmugMug Help Desk
/* 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
SmugMug Sites - Creative Examples
Favorite Images and SmugMug Designs
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
Let me know if you need any help - jerry
SmugMug Sites - Creative Examples
Favorite Images and SmugMug Designs
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
Hello again jerry!,
pay no attention to post above. I figured out the problem. Works great now! thanks so much!
www.jimgucciardo.com
J
SmugMug Sites - Creative Examples
Favorite Images and SmugMug Designs