Change symbols of sidebar menu widgets?

You will have to create new images and save them to the same directory with the same name as the image you want replace.

First you should save the original images somewhere in case you really mess up and want them back!

Then you can right click on the image and choose to view the image in a new tab. This will give you the web address of the image. Use an ftp client to upload new images.

If you have easier access to the code you can just upload new images to your media gallery and recode the image address.

Not quite as simple as that. These images are not .jpg/png’s. They are generated in code from a genericons file.

The *.css files contain a class .format-icon and get formatted in CSS (see line 7190: content: “\f411” ).

Need Nic to explain if these are editable.

Bit more digging and I’ve come up with these 2 sites that are the home for entypo & genericons.
https://www.entypo.com/characters.php
https://genericons.com/

Also, @electricfeet’s excellent post:
https://www.ads-software.com/support/topic/how-to-change-the-little-iconimage-in-the-left-of-the-page-title-1

@miwordi If you want to play around with changing them, this is what I’ve done to remove most of them and put some of them back:

/*Removes icon next to page headings and posts*/
article.page .format-icon:before,
article.format-standard .format-icon:before,
article.format-gallery .format-icon:before,
article.format-chat .format-icon:before,
article.format-audio .format-icon:before,
article.format-video .format-icon:before,
article.format-image .format-icon:before,
article.format-link .format-icon:before {
display: none;
}

article.error404 .format-icon:before,
article.format-quote .format-icon:before {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  content: "\275E";
}

article.format-status .format-icon:before,
article.format-aside .format-icon:before {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  content: "\261D";
}

/* Don't know quite what this does, but it seems to make a difference*/
.entry-summary.format-icon:before,
.entry-content.format-icon:before {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 4em;
    top: -15px;
    line-height: 0.7;
}

I don’t understand all of it–in particular the interplay between the .entry-summary.format-icon:before, and .entry-content.format-icon:before and the individual article.format-xxxx .format-icon:before, but the above works for my current needs.

@rdellconsulting Thanks! ??