# Landing page customization

**URL:** https://meta.discourse.org/t/landing-page-customization/179031
**Category:** Support
**Created:** [February 9, 2021, 9:45am UTC](https://meta.discourse.org/t/landing-page-customization/179031 "2021-02-09T09:45:38Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![Ravi\_Teja\_Varma](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ravi_teja_varma/32/195200_2.png) [@Ravi\_Teja\_Varma](https://meta.discourse.org/u/Ravi_Teja_Varma)
#### Post date: [February 9, 2021, 9:45am UTC](https://meta.discourse.org/t/landing-page-customization/179031/1 "2021-02-09T09:45:38Z")

</div>

I have seen some forums using custom designs on the landing page of their discourse forum. Can this be achieved without a need to change code in discourse github.

I want to add a banner image and some text above latest topics list of the landing page.

---

<div class="post-metadata">

### Author: ![Ravi\_Teja\_Varma](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ravi_teja_varma/32/195200_2.png) [@Ravi\_Teja\_Varma](https://meta.discourse.org/u/Ravi_Teja_Varma)
#### Post date: [February 9, 2021, 5:09pm UTC](https://meta.discourse.org/t/landing-page-customization/179031/2 "2021-02-09T17:09:12Z")

</div>

Reference LInks

[https://discuss.codecademy.com/](https://discuss.codecademy.com/)

> **[Blender Artists Community](https://blenderartists.org/)**
>
> The largest forum for Blender 3D artists

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [February 9, 2021, 7:07pm UTC](https://meta.discourse.org/t/landing-page-customization/179031/3 "2021-02-09T19:07:07Z")

</div>

> [@Ravi\_Teja\_Varma](#):
>
> Can this be achieved without a need to change code in discourse github.

Yes, we strongly recommend against changing Discourse’s source as it makes upgrades much more difficult and prone to breaking. Themes, theme components, and plugins should be utilized instead.

There are some existing #Customization > Theme component that may work, or can at least serve as examples if you want to [develop your own](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648).

[Versatile Banner](https://meta.discourse.org/t/versatile-banner/109133) might work for you as-is or with some minor adjustment.

[Showcased Categories Theme Component](https://meta.discourse.org/t/showcased-categories-theme-component/173524) is a good general example of how to show custom content on the homepage.

---

<div class="post-metadata">

### Author: ![cosdesign](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cosdesign/32/208585_2.png) [@cosdesign](https://meta.discourse.org/u/cosdesign)
#### Post date: [February 9, 2021, 9:54pm UTC](https://meta.discourse.org/t/landing-page-customization/179031/4 "2021-02-09T21:54:39Z")

</div>

> [@Ravi\_Teja\_Varma](#):
>
> Can this be achieved without a need to change code in discourse github

The fastest way is to go inside your admin area \> Customize tab \> click on your theme’s name \> Edit CSS/HTML \> After Header tab and there you can paste your HTML code. This is the area:

 ![image](https://global.discourse-cdn.com/meta/original/3X/1/f/1fefef564e15eecea63544ad4ed439a647be01aa.png)

 ![image](https://global.discourse-cdn.com/meta/original/3X/f/8/f8e755aea74680653c8f2ea67b1cb94c409e16d7.png)

---

<div class="post-metadata">

### Author: ![bartv](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bartv/32/130052_2.png) [@bartv](https://meta.discourse.org/u/bartv)
#### Post date: [February 10, 2021, 2:14pm UTC](https://meta.discourse.org/t/landing-page-customization/179031/5 "2021-02-10T14:14:17Z")

</div>

We only use some plugins and CSS on Blender Artists, no custom HTML.

---

<div class="post-metadata">

### Author: ![Ravi\_Teja\_Varma](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ravi_teja_varma/32/195200_2.png) [@Ravi\_Teja\_Varma](https://meta.discourse.org/u/Ravi_Teja_Varma)
#### Post date: [February 11, 2021, 4:38am UTC](https://meta.discourse.org/t/landing-page-customization/179031/8 "2021-02-11T04:38:34Z")

</div>

Great !!! Could you suggest some of the plugins that you are using.

---

<div class="post-metadata">

### Author: ![Jack51](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jack51/32/201652_2.png) [@Jack51](https://meta.discourse.org/u/Jack51)
#### Post date: [February 11, 2021, 4:52am UTC](https://meta.discourse.org/t/landing-page-customization/179031/9 "2021-02-11T04:52:49Z")

</div>

Highly recommend [Versatile Banner](https://meta.discourse.org/t/versatile-banner/109133), it’s extremely simple, easy to use, and fairly flexible.

I only used it on a small side project of mine for an [investing forum site](https://investorcommunity.org/), but so far like the results.

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/e/ee19a31dd9e2e13eb8c7ffd5927a27a992995ed9.jpeg)

I paired it with a linked component to create area/zone links around each of the 3 categories, works well. Just had to create a new component, insert code into the Header, and done.

 ![image](https://global.discourse-cdn.com/meta/original/3X/9/c/9c05409de85adb7b66831cfea5803191e319c02c.png)

---

<div class="post-metadata">

### Author: ![bartv](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bartv/32/130052_2.png) [@bartv](https://meta.discourse.org/u/bartv)
#### Post date: [February 11, 2021, 7:02am UTC](https://meta.discourse.org/t/landing-page-customization/179031/10 "2021-02-11T07:02:10Z")

</div>

The most important one for us is Topic List Previews - it handles the featured images row at the top of the page and our galleries etc.

---

<div class="post-metadata">

### Author: ![WaldoBroodryk](https://avatars.discourse-cdn.com/v4/letter/w/ecc23a/32.png) [@WaldoBroodryk](https://meta.discourse.org/u/WaldoBroodryk)
#### Post date: [July 2, 2021, 5:47pm UTC](https://meta.discourse.org/t/landing-page-customization/179031/11 "2021-07-02T17:47:52Z")

</div>

Howdy @awesomerobot 😄

Our team launched a new home page yesterday to better direct our community to resolutions ([https://forum.webflow.com/](https://forum.webflow.com/)), however in order to have a fully custom home page we had to switch our Discourse instance to [discourse.webflow.com](http://discourse.webflow.com).

We were wondering if there’s any way to upload a completely custom home page experience because we’d much rather this all live within one subdomain. Thank you so much for your help! 🙏

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [July 6, 2021, 7:47pm UTC](https://meta.discourse.org/t/landing-page-customization/179031/12 "2021-07-06T19:47:19Z")

</div>

> [@WaldoBroodryk](#):
>
> We were wondering if there’s any way to upload a completely custom home page experience

It is possible, but can be a little complex depending on what you’re trying to do. The way we most often approach this is by overriding the template for the default category page in a theme (category boxes with subcategories in your case)… and then setting that as the homepage (controlled by `top_menu` in Discourse’s admin settings). That template is [https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/app/templates/components/categories-boxes.hbs](https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/app/templates/components/categories-boxes.hbs)

Template overrides are covered in the advanced section of [Developing Discourse Themes & Theme Components](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648#heading--4-b-2)

---

<div class="post-metadata">

### Author: ![WaldoBroodryk](https://avatars.discourse-cdn.com/v4/letter/w/ecc23a/32.png) [@WaldoBroodryk](https://meta.discourse.org/u/WaldoBroodryk)
#### Post date: [July 7, 2021, 10:56pm UTC](https://meta.discourse.org/t/landing-page-customization/179031/13 "2021-07-07T22:56:44Z")

</div>

Thank you so much, @awesomerobot!!! We’re going to explore this option and super appreciate your response, Kris 🙏 😄
