Custom Logo for mastodon instance


#1

Hi
Im trying to change the logo of my mastodon instance but there are no option to do it. so can someone provide css code or how to do it
There are multiple places where it can be applied Like Landing Page , profile page, PWA and dashboard


#2
.landing-page__forms .brand {
     background: transparent url(https://i.imgur.com/Gtku2OB.png) no-repeat top/60% auto !important;
    
}


.landing-page .brand img {
    display: none
}

im using this css but the issue is it got resize and became very small logo

Problem


#3


I want preview somthing like this


#4

did you find a solution on this?


#5

Yes i did but not through css
You have to find them in the image directory. right click - find the name and search the github folder for the directory then replace and return precompile assets.
This method provided by the admin of mastodon.art


#6

Perfect, thanks will be usefull


#7

You can contact him. he is super awesome. Although im not sure he is He or She:stuck_out_tongue:


#8

need some photoshop skills to do the logo first, and then try it :slight_smile:


#9

download there press kit from Joinmastodon.org so you dont have to make elephant and other stuff


#10

Thanks @vibhigupta good tips