You can replace both the Voat Goat and the name of your subverse with a picture, or just one of them.
With this snippet, you may have to adjust the background and width/height sizes to fit your picture.
This is how you replace the Voat goat:
/* Set the goat picture for voat link */
#header-img {
padding-left: 50px;
background-image: url('https://i.imgur.com/NK49svv.png'); /* change this to the url of your pic */
background-size: 48px 48px;
background-repeat: no-repeat;
height: 50px !important;
width: 50px !important;
margin: auto;
position: relative;
top: 1px;
}
To change the subverse name to a picture you want this snip:
/* This snippet will set a picture as your subverse name.
* Just add it to the bottom of your CSS and change the subverse
* to your subverse, and add the url to your picture.
*/
/* Sub name as image */
/* This makes sure the subverse name text is hidden */
/* SUBVERSE NAME IS CASE SENSITIVE, IT MUST BE EXACT FOR THIS CODE */
/* Hide the subverse name */
.pagename a[href$="/v/simplegoats"] { /* change this to the name of your subverse /v/whatever */
font-size: 0 !important;
}
/* Set the actual picture to show up */
.pagename a[href$="/v/simplegoats"]:after { /* change this to the name of your subverse /v/whatever */
content: url('Your picture url here'); /* Subverse name or picture url here */
vertical-align: bottom;
}
If you just want to change the name of the subverse, put this in place of the content line in the above snip:
[–] zombieman 0 points 1 point 1 point (+1|-0) ago
You can replace both the Voat Goat and the name of your subverse with a picture, or just one of them.
With this snippet, you may have to adjust the background and width/height sizes to fit your picture. This is how you replace the Voat goat:
To change the subverse name to a picture you want this snip:
If you just want to change the name of the subverse, put this in place of the content line in the above snip:
content: "My words";