icons next to social media icons

Hi,
I tried to login to check your Social Profiles, but it seems incorrect, please check.
We can’t insert a link with the images via css, this is why creating the new social icons using flags will be better.

Best regards,
Mike

Hi,
Sorry, this didn’t work, is your login restricted to certain countries?

Best regards,
Mike

Hi,
Some people use plugins to restrict certain countries or their web server, not the theme.
Login is not working, please check.

Best regards,
Mike

Hi,
I now get the error: “Unknown username”

Best regards,
Mike

Hi,
Thank you for the login, I changed the approach a little because I had some trouble uploading the flag icon font, so to your social profiles I added “Tumblr” & “Soundcloud” thinking you would not be using these in the future, so please add the links you want for the flags to these.
Then I added this css to show the flags instead of these two icons:

li.av-social-link-tumblr a:before {
	content: url(https://img.icons8.com/officexs/12/000000/great-britain.png);
}
li.av-social-link-soundcloud a:before {
	content: url(https://img.icons8.com/color/12/000000/sweden.png);
}

Then I added this function to your functions.php to change the icon titles to the names of the flags on hover:

function custom_flag_titles(){
  ?>
  <script>
(function($){
  $(document).ready(function(){
  $('li.av-social-link-tumblr a').attr({title:'Great Britain'});
  $('li.av-social-link-soundcloud a').attr({title:'Sweden'});
  });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_flag_titles');

Please clear your browser cache and check.

Best regards,
Mike