Problem with Social Media icons in the footer

  • Hi, I have a problem with the Social Media icons in the footer of my website. OceanWP changed automaticly my coloured icons to black ones. And now I can’t change it… what can I do? THX

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

Viewing 1 replies (of 1 total)

  • Hello @discostewart,

    Thank you for reaching out,

    OceanWP theme already has a white color for the text, but SVG icons won’t work with the color properties in CSS. Please take a look at this screenshot: https://postimg.cc/7C1qhY5y.

    You must use font icons to make “color” work(like FontAwesome and Dashicons, etc).
    SVG icons will work only with “fill”. So in this case, you can put the CSS below in Customizing > Custom CSS/JS > CSS Code:

    #footer-widgets .footer-box a svg {
    fill: #fff;
}

#footer-widgets .footer-box a:hover svg {
    fill: #ffd220;
}

    Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

    Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes.

    I hope that helps.
    Best Regards

Viewing 1 replies (of 1 total)
  • The topic ‘Problem with Social Media icons in the footer’ is closed to new replies.