Options

Social Icon Opacity Hover

RichmondImageRichmondImage Registered Users Posts: 65 Big grins
edited August 14, 2013 in SmugMug Customization
Is there a way to make the social icons less opaque when hovered. I tried using the following code 
.sm-page-widget-social-links.sm-social-links-large .sm-fonticon a:hover {
  opacity: 1;
}

.sm-page-widget-social-links.sm-social-links-large .sm-fonticon {
  opacity: .6;
}

Which managed to make them opaque, but wont change on hover
http://www.richmondimage.net

Comments

  • Options
    jwashburnjwashburn Registered Users Posts: 476 Major grins
    edited August 14, 2013
    RichmondImage wrote: »
    Is there a way to make the social icons less opaque when hovered. I tried using the following code 
    .sm-page-widget-social-links.sm-social-links-large .sm-fonticon a:hover {
  opacity: 1;
}

.sm-page-widget-social-links.sm-social-links-large .sm-fonticon {
  opacity: .6;
}

    Which managed to make them opaque, but wont change on hover

    You could do something like this


    .sm-fonticon-FacebookCircle:hover {
    opacity: 0.1;
    }

    This appears to work as well and you only need to set it once

    .sm-official:hover {
    opacity: 0.1;
    }
    Joey Washburn
    www.joeywashburn.com
  • Options
    macromeistermacromeister Registered Users Posts: 490 Major grins
    edited August 14, 2013
    The text on your homepage is right aligned. Is that what you intended?
    I'm Rob Ashcroft - MACROMEISTER IMAGES . . . .
Sign In or Register to comment.