Hi folks,
Ok trying to integrate the above and keep hitting brick walls π
I’ve created 3 menu options, one for Facebook, one for Twitter and one for Instagram.
The CSS i’ve added to Customize-Additional CSS is…
.main-navigation li.social_icon_facebook {
float: right; !important
}
.main-navigation li.social_icon_twitter {
float: right; !important
}
.main-navigation li.social_icon_instagram {
float: right; !important
}
And the CSS classes i’m using in the menu options is…
social_icon_twitter
social_icon_facebook
social_icon_instagram
Now…that works. I have icons floating right linking to their respective networks.
But I want to now change the hover color of those icons from the default I have set up to their respective own colours, so like blue for FB, aqua for Twitter and ermm possibly a gradient for instagram.
I can get the colours easily enough and create the gradient too but working out the CSS to make the hover I cannot do.
Please help if you can π