Change colour of social icons at bottom of page

  • Louise

    (@louisedonnellydavey)


    3 years, 5 months ago

    Hi there – I managed to change the top social icons to blue… but i’d like ot change the bottom ones too… and can’t figure out the code…
    Also is it possible to make each icon a different colour? ie Instagram= pink Facebook = red etc

    And… how do I remove the = = around = Featured = posts at the top?

    Many thanks

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Davor (LyraThemes)

    (@davorlyrathemes)

    3 years, 5 months ago

    Hi Louise,

    Thank you for asking about it. 🙂

    You should be able to easily set the colors of the icons using CSS. Just access the WP admin -> Appearance -> Customize. Here just look for the Additional CSS at the left side menu, access it, and paste this code inside:

    .widget .menu-social-container .menu li a[href*="instagram.com"]::before {
    color: #593DC5 !important;
}

.widget .menu-social-container .menu li a[href*="facebook.com"]::before {
    color: #087CEA !important;
}

.widget .menu-social-container .menu li a[href*="pinterest.nz"]::before {
    color: #E60023 !important;
}

    It should set the colors for the three social networks you are using on your website.

    All the best. 🙂

    Thread Starter Louise

    (@louisedonnellydavey)

    3 years, 5 months ago

    Oh thank you so much! that worked!

    Davor (LyraThemes)

    (@davorlyrathemes)

    3 years, 5 months ago

    I’m glad to hear that. 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change colour of social icons at bottom of page’ is closed to new replies.