In general, in most of our premium themes when you hover the social icons (in header and footer), the icon color is being changed.
Is some cases, you may want to add appearing effect to tilt the social icons on hover. Here’s how it can be done:
- Navigate to Admin Panel -> Left Menu -> Appearance -> Editor
- Open your_theme/style.css
- If you want to apply the effect for header social icons insert the following code (i.e. in the end of the file):.header-social-widget a:hover {
-webkit-transform:rotate(-20deg);
-moz-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
} - If you want to apply the effect for footer social icons insert the following code (i.e. in the end of the file):.footer-social-widget a:hover {
-webkit-transform:rotate(-20deg);
-moz-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
} - If you want to apply the effect for social sharing icons after single post, insert the following code (i.e. in the end of the file):.social-sharing-box a:hover {
-webkit-transform:rotate(-20deg);
-moz-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
} - Save Changes
Please Note: You can change the above value to any other value, i.e. instead of -20deg you can add -30deg or -40deg.
Best-selling Products:
-
All Premium WordPress Themes$51.00
-
Product on saleAyaClubPro – Responsive Club WordPress ThemeOriginal price was: $29.99.$25.00Current price is: $25.00.
-
AyaPsychologyPro – Responsive Psychology WordPress Theme$24.99
-
AyaBooksPro – Responsive Books WordPress Theme$24.99
-
Product on saleAyaHandmadePro – Responsive Handmade WordPress ThemeOriginal price was: $29.99.$25.00Current price is: $25.00.
-
Product on saleVeganPro – Responsive Vegan WordPress ThemeOriginal price was: $29.99.$25.00Current price is: $25.00.
-
AyaMedicinePro – Responsive Medicine WordPress Theme$32.99
-
Product on saleAyaHairSalonPro – Responsive Hair Salon WordPress ThemeOriginal price was: $31.99.$25.99Current price is: $25.99.
-
AyaSpiritPro – Responsive Spiritual WordPress Theme$24.99
-
TourPro – Responsive Traveling WordPress Theme$24.99
-
AyaPortfolioPro – Responsive Portfolio WordPress Theme$24.99
-
Product on saleLandshaftingPro – Responsive Landshafting WordPress ThemeOriginal price was: $29.99.$25.00Current price is: $25.00.
-
AyaPhotographyPro – Responsive Photography WordPress Theme$24.99
-
AyaFreelancePro – Responsive Freelance WordPress Theme$24.99
-
Cover Book Mockup Design$4.00
Leave a Reply