To change social icon/pic colors

  • Resolved Ann74

    (@ann74)


    10 years, 3 months ago

    Hello Kaira,
    how is it possible to change the color of the social icons/pic. for example the twitter one green and the facebook one blue.
    at the moment all them look gray color.

    thanks!
    Ann

Viewing 4 replies - 1 through 4 (of 4 total)

  • Can you post a link to your site?

    Theme Author Kaira

    (@kaira)

    Hi, yes it would be possible, if you know a bit of CSS.

    For example to change the facebook icon to red you would add the following code to your custom CSS input found under “Appearance” -> “ALBAR Settings” -> “Styling Settings” – Custom CSS

    .fa-facebook {
    color: #FF0000;
}

    It’s best to use the hex value for the exact color you want, here’s an online color picker if you don’t have one.
    https://www.colorpicker.com/

    And here’s a list of all the icons classes for you to change if you want.
    .fa-envelope-o {} (email icon)
    .fa-skype
    .fa-facebook
    .fa-twitter
    .fa-google-plus
    .fa-youtube
    .fa-instagram
    .fa-pinterest
    .fa-linkedin
    .fa-tumblr
    .fa-flickr

    Hope that helps.

    Hi Kaira,

    Great theme! Three quick questions:

    1) How would I go about changing the hover text for the social icons? (‘Send us an email’, ‘follow us on twitter’, etc.)

    2) Is there a way to link the .fa-envelope-o icon to a page rather than a mailto call?

    3) Is there a way to target “_self” rather than “_blank” with the url associated to a social icon?

    Thanks in advance!

    Sorry, didn’t realize this thread was closed / resolved. I copied my questions on a new thread. Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘To change social icon/pic colors’ is closed to new replies.