Social Icon Opacity Hover

RichmondImage

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

jwashburn

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;
}

macromeister

The text on your homepage is right aligned. Is that what you intended?