Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 17, 2016 at 10:39 pm #634066
    Itai

    Hello,

    How can I control the color of my social icons in a page (not a sidebar or menu)? Would like to control the hover color too.

    What are the css classes?

    Thanks guys,

    May 17, 2016 at 11:46 pm #634088
    Jordan

    Hey Itai,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Jordan

    May 19, 2016 at 5:36 pm #635344
    Itai

    Yes, of course:

    The social links in the page
    http://heaven11audio.com/contact-us

    • This reply was modified 7 years, 11 months ago by Itai.
    May 19, 2016 at 5:42 pm #635353
    Yigit

    Hi,

    Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your elements and give them a custom CSS class seperately and then add following code to Quick CSS in Enfold theme options under General Styling tab

    .your-custom-class-for-twitter a.av-icon-char:hover {
    color: red!important;
}
.your-custom-class-for-twitter a.av-icon-char {
    color: green !important;
}

    Best regards,
    Yigit

    May 19, 2016 at 6:48 pm #635403
    Itai

    Ok great, done, but how do I get rid of the circle around the social icon or change it’s color?

    Right now I find the yellow too distracting.

    Many thanks,

    i

    May 19, 2016 at 6:55 pm #635411
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .your-custom-class-for-twitter a.av-icon-char:hover {
    border-color: red!important;
}
.your-custom-class-for-twitter a.av-icon-char {
    border-color: green !important;
}

    Regards,
    Yigit

    May 19, 2016 at 7:07 pm #635423
    Itai

    fantastic!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘color of social icons inside a page’ is closed to new replies.