Are Enfold inserted icons suppose to provide mouse over/hover functionality?

Hey Dave,

These icons do not have the same classes as the ones on the social widget, so they don’t have the same hover effect. We can help you add the effect you need. Just let us know what you’re trying to achieve.

Best regards,
Victoria

Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file: 

.avia-builder-el-5 > .av_textblock_section > .avia_textblock > div > .av_font_icon:first-child > .av-icon-char:hover {
   /* twitter */
   color:#46d4fe !important;
   }
.avia-builder-el-5 > .av_textblock_section > .avia_textblock > div > .av_font_icon:nth-child(2) > .av-icon-char:hover {
   /* linkedin */
   color:#419cca !important;
} 
.avia-builder-el-5 > .av_textblock_section > .avia_textblock > div > .av_font_icon:nth-child(3) > .av-icon-char:hover {
   /* facebook */
   color:#37589b !important;
} 

.avia-builder-el-5 > .av_textblock_section > .avia_textblock > div > .av_font_icon:last-child > .av-icon-char:hover {
   /* googleplus */
   color:#de5a49 !important;
} 

Please note that this is dependent on the current order of the icons. If you move them, you may need to change the CSS code as well. It might be easier if you turn on the Custom CSS Class field for ALB elements: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

If you do that, you can do something like: .twitter-texticon:hover { color:#46d4fe !important; }

I hope that helps! Let us know if you need further help.

Best regards,
Sarah

Hi Dave,

Can you provide us with admin access in the Private Content section of your reply so we can take a closer look?
Best regards,
Sarah

Hi dmpitzer,

You can assign a class to each of those icons and then it will be very easy to target them with css

custom_class=''

The Automated Schema.org HTML Markup option moved to a Layout builder section.

Best regards,
Victoria