Feature request: Reverse/alternative style social media icons

[FlawlessWeb]

Hey,

This was a feature request I made a few months back. Hoping it can be revisited in a future build…

Currently in Cardinal, the social media icons are displayed in black and white/greyscale and then there is a nice hover effect which reveals the color of each icon – e.g. light blue for the Twitter icon and so on.

It would be nice to have the reverse or opposite display option. i.e. The icons display in full color (for example like in the attached screenshot) and then the hover effect turns them greyscale…

Some sites work better with greyscale as the default state and some work better with colored icons as the default state. Would be great to have the option built into Cardinals framework without having to use an external plugin.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Will add it to the list, for now you can use custom css:

ul.social-icons li.twitter a {
  background-color: #00aced;
}
ul.social-icons li:not(.sf-love) a {
  color: #ffffff;
}
ul.social-icons li:not(.sf-love) a:hover {
  color: #111111;
  background-color:transparent!important;
}

You will need to duplicate the top line for each social icon

– Kyle

[FlawlessWeb]

Thanks Kyle,

An automated option/selection would be great, especially for clients who don’t want to messing about with css.

[Kyle – SUPPORT]

Will add it to the list

– Kyle