So you have finally created a new discourse forum. Well, Congratulations! The first few things to do right after creating your website is to build an identity, to make it a brand. A basic yet important thing in creating a brand’s identity is its logo. Well, having a cool and unique logo has its own advantages but we are not here to discuss that.
Now, you have your forum setup and have also got your logo ready. But are you finding it difficult to set your logo and favicon in the discourse forum software? In this post, we will see exactly this, how to easily change logo and favicon on discourse.
Ideal Size For Logo And Favicon
Before starting, let me tell you the ideal size of a logo and favicon and get it out of the way. A logo should preferably be rectangular in size. Talking about its dimensions in pixels, it should be around 300×120 pixels. It is advisable to have your logo on a transparent background and in .png format.
The favicon must be of 16×16 pixels. And it could either be png, jpeg or ico. But I suggest you have it .ico extension. We will discuss the size of the Mobile Logo, Small Logo, and Digest logo at the time of setting it up.
How to Change Logo and Favicon On Discourse
Login to your admin account in discourse.
Now click on the 3 horizontals line beside your profile pic on the top right corner. Then, click on the settings option from the drop-down menu.
Main Logo: On the next screen, scroll down and you will find the option to change the logo, as shown in the screenshot.
In here, you will have to enter the URL of your logo. You can simply upload it to your server using FTP and copy the image URL here or you can use any external image. Just remember that you have to Paste the URL of your image.
Small Logo: The Next Option Is “logo small URL”. This logo appears in the header section when you scroll through your forum. Refer the below screenshot.
This time you have to upload a small square sized logo. The recommended size is 33 x 33 pixels. Paste the URL of the small logo in the field.
Mobile Logo: You also have the option to set up a custom logo for mobile devices. As in our case, we have kept it same as the desktop version and you can too (See screenshot). If you would like to upload a different logo for your mobile users then feel free to do so. Keep in mind that the recommended size is 300×120 pixels. You could change the dimension of the logo but just make sure to keep it rectangular in shape. In case you want to keep the logo same as the desktop, then leave this field blank.
Digest Logo: This is the logo that will be included in the emails sent to your subscribers and forum users. The shape of the digest logo must be a wide rectangle. We suggest you have 525×110 pixels as the logo size. Upload the logo and enter the address of logo in digest logo URL.
Site Favicon: Now Scroll down a bit more and there you will see the option for editing the favicon too. Just like the logos, paste the URL of your favicon here.
And after making the necessary changes, save and refresh your website. And Voila!! you can see your new logo and favicon on your forum.
So we hope that you have successfully changed logo and favicon on your discourse forum. But if you are facing any troubles while changing logo or favicon, then comment your problem below and we will try to solve it. In the meantime, you can also check out How to Create New Category on Discourse.
If you want to learn anything else about discourse or want us to help you with any tutorials around discourse, then let us know in the comment section. And lastly, do not forget to share this post and bookmark our website.