0
1

[–] zombieman 0 points 1 points (+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:

/* 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:

content: "My words";