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$59.00
-
AyaClubPro – Responsive Club WordPress Theme$29.99
-
AyaPsychologyPro – Responsive Psychology WordPress Theme$24.99
-
AyaBooksPro – Responsive Books WordPress Theme$24.99
-
AyaHandmadePro – Responsive Handmade WordPress Theme$29.99
-
VeganPro – Responsive Vegan WordPress Theme$29.99
-
AyaMedicinePro – Responsive Medicine WordPress Theme$32.99
-
AyaHairSalonPro – Responsive Hair Salon WordPress Theme$31.99
-
AyaSpiritPro – Responsive Spiritual WordPress Theme$24.99
-
TourPro – Responsive Traveling WordPress Theme$24.99
-
AyaPortfolioPro – Responsive Portfolio WordPress Theme$24.99
-
LandshaftingPro – Responsive Landshafting WordPress Theme$29.99
-
AyaFreelancePro – Responsive Freelance WordPress Theme$24.99
-
AyaPhotographyPro – Responsive Photography WordPress Theme$24.99
-
Cover Book Mockup Design$4.00
Leave a Reply