change the Social media Icons without having an access to image directory

As far as I know, changing the icons would require changing the <img src... attribute in header.php. Unfortunately, if you do not have FTP access, you can’t change the image source.

However, you might look into embedding some JavaScript on your WordPress install to replace the image source of the RSS icon on page load.

However, you might look into embedding some JavaScript on your WordPress install to replace the image source of the RSS icon on page load.

thanks. can you explain it more ?

However, you might look into embedding some JavaScript on your WordPress install to replace the image source of the RSS icon on page load.

thanks. can you explain it more ?

All of the social media icons are contained within a single div, <div class="socialmedia"> ... </div>. So you can do in your JavaScript:

var e = document.getElementsByClassName("socialmedia")[0];<br />
var icons = e.getElementsByTagName("img");

icons will return an array of all the images within your socialmedia div. Say that the RSS icon is 4th. Then you would select that icon with icons[3].

You can change the image source of an <img ... /> with JavaScript like so:

icons[3].src = "URL_TO_YOUR_IMAGE";

This does require some prior knowledge of JavaScript though, so hopefully that was not too confusing.

Hello,

I have put this code on Header.php file

<script>
var e = document.getElementsByClassName(“socialmedia”)[0];
var icons = e.getElementsByTagName(“img”);
icons[3].src = “Iconsrc”;
</script>

but nothing changet on my socialmedia Icons. The Icon has uploaded on my domain and I have put the address of the Icon instead of “Iconsrc”

wherer is the problem?