Social Media Icon In Header

Hi,
Sorry for the late reply, The login didn’t work for me, please check. I see that your social icon is not showing right now, I believe this is due to an error we identified from a file change in WordPress v5.3.1, the dev team has released this fix for the missing icons, please upload the following file via FTP to
\enfold\framework\php\function-set-avia-frontend.php
https://www.dropbox.com/s/gmbg5202rjz1vou/function-set-avia-frontend.php?dl=0
Please save a copy of your old file should you encounter an upload error.
Then clear your browser cache and any cache plugin, and check.
Then your icon should show. Your css above is not quite right, it looks like you want a round gold background color for the icon before hover, is this correct?
If so Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field instead:

#top #wrap_all .av-social-link-linkedin a {
    color: #fff; 
    background-color: #d8b98a; 
}

If you only want it for on hover, try this css:

#top #wrap_all .av-social-link-linkedin:hover a {
    color: #fff; 
    background-color: #d8b98a; 
}

this is the standard blue on hover color for linkedin

#top #wrap_all .av-social-link-linkedin:hover a {
    color: #fff; 
    background-color: #419cca; 
}

If you are adding your css to your child theme stylesheet and the changes are not showing, then you probably have Enfold Theme Options > Performance > JS & CSS file merging and compression turned on and need to save your theme settings to rebuild your compressed css file for the changes to show. To do this try going to your Quick CSS and add a blank space and the save your theme settings. Then clear your browser cache and check.

Best regards,
Mike