Description
- social icons with line border, hover icons will slide up same icon with new color/background
- view demo – password: abc
- buy me a coffee
#1. Install Code
#1.1. Make sure you added Social Links Block with your desired icons
#1.2. Hover on page where you use Social > Click Gear icon > Click Advanced > Paste this code
<!-- 09.26c12v13 Social Icons. Hover will slide up with same icon, change background/color on hover -->
<script>
window.SocialIconsSlideUpOptions = {
iconHoverColor: '#ffffff',
iconBackgroundColor: '#1248fc',
iconBorderColor: 'rgba(0, 0, 0, 0.2)'
};
</script>
<script src="https://code.beaverhero.com/other/0926c12v13socialiconslideiconhover.js"></script>
#1.3. To change style of icons, change these lines
iconHoverColor: '#ffffff', iconBackgroundColor: '#1248fc', iconBorderColor: 'rgba(0, 0, 0, 0.2)'