Header Social Media Icons

  • Resolved mwaugust

    (@mwaugust)


    5 years, 2 months ago

    How can I reset the social media icons in the right of the header? They are currently teal, and when I hover they do not change. So when I scroll down and the header turns to teal they blend in and are no longer visible. On the demo site, they are white, and when hovering, they turn teal with a white square. I have tried reimporting the theme, but that does not fix it.
    – Thank you

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Di Themes

    (@dithemes)

    Hi

    These icons will inherit color of default links color. if you want to set custom color to these particular icons, please use below custom CSS:

    .social-div a.social-icon {
	color: #ffffff;
}

    To add custom CSS: Appearance > Customize > Additional CSS.

    Also there is not hover effect because the page is not using theme font awesome files. seems a plugin is adding font awesome files.

    Thanks

    Thread Starter mwaugust

    (@mwaugust)

    Thank you for your help. It was all due to font awesome not being installed.

    What font awesome plugin are you using for the demo page? The icon design is different then the icons in the plugin published directly by font awesome.

    BTW, I really love this theme and will be purchasing the pro version once I am sure it can do all I need.

    Thanks

    Theme Author Di Themes

    (@dithemes)

    Hi @mwaugust

    Di Restaurant theme comes with Font Awesome files so you do not need to install any plugin. problem is that there is a plugin which is overriding Font Awesome files added by theme.

    Thanks

    I only have needed plugins and don’t see some font-awesome social icons. I see is loading twice font-awesome css

    What can be the problem??

    • This reply was modified 5 years, 1 month ago by carlituxman.
    Theme Author Di Themes

    (@dithemes)

    Hi @carlituxman

    May be Elementor page builder plugin is adding only version 5 support. you can enable version 4 support, here: WordPress Admin Panel > Elementor > Settings > Advance > Font Awesome 4 support TO Yes.

    Thanks

    Great!!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Header Social Media Icons’ is closed to new replies.