# Carousel only visible on community landing page?

**URL:** https://meta.discourse.org/t/carousel-only-visible-on-community-landing-page/30126
**Category:** UX
**Created:** [17 Junio, 2015 15:28 UTC](https://meta.discourse.org/t/carousel-only-visible-on-community-landing-page/30126 "2015-06-17T15:28:29Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![cr4zyc4nuk](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cr4zyc4nuk/32/43130_2.png) [@cr4zyc4nuk](https://meta.discourse.org/u/cr4zyc4nuk)
#### Post date: [17 Junio, 2015 15:28 UTC](https://meta.discourse.org/t/carousel-only-visible-on-community-landing-page/30126/1 "2015-06-17T15:28:29Z")

</div>

Hi All,

I’m new here, and we are excited to be joining the discourse community!

We are trying to implement a landing page similar to the smartthings community (`http://community.smartthings.com/`) We are trying to create a landing page carousel that only shows on the landing page, the carousel works great. Just trying to figure out how smartthings made their’s only appear on the main page and not in the category pages.

Any help would be much appreciated! I can PM our sandbox info if you need it.

Scott

---

<div class="post-metadata">

### Author: ![downey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/downey/32/166878_2.png) [@downey](https://meta.discourse.org/u/downey)
#### Post date: [17 Junio, 2015 15:52 UTC](https://meta.discourse.org/t/carousel-only-visible-on-community-landing-page/30126/2 "2015-06-17T15:52:29Z")

</div>

FYI, that is not part of the standard Discourse configuration, but hopefully someone here might be familiar with those customizations.

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [17 Junio, 2015 17:11 UTC](https://meta.discourse.org/t/carousel-only-visible-on-community-landing-page/30126/3 "2015-06-17T17:11:03Z")

</div>

It looks like they have a `<div class="welcome-message">` that contains the landing page area on every page. It has probably been added with the admin\>customize\>css/html\>top editor. It is set to `display: none`. What they are using as their landing page is the categories-list page. It adds a class of `.categories-list` to the page’s body tag. So if you add the css `.categories-list .welcome-message{ display: block;}` the previously hidden welcome message will show up on that page.

They have added this script. I’m guessing it has been added to the custom header html area. They are using the `.showing-welcome` class to push the Discourse header `.d-header` down 375px and to toggle the display of the welcome area. I think you could manage without it and just base the styles off of the `.categories-list` class.

```plaintext

    Discourse.DiscoveryCategoriesRoute.reopen({
        activate: function() {
            this._super();
            Em.run.next(function(){
              $('.welcome-message').show();
              $('.circle-img-welcome').show();
              $('body').addClass("showing-welcome");
            });
        },
        deactivate: function() {
            this._super();
            $('.welcome-message').hide();
            $('.circle-img-welcome').hide();
            $('body').removeClass("showing-welcome");
        }
    });
    $('.showing-welcome .d-header').waypoint('sticky', {
        offset: 70
    });

```

---

<div class="post-metadata">

### Author: ![cr4zyc4nuk](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cr4zyc4nuk/32/43130_2.png) [@cr4zyc4nuk](https://meta.discourse.org/u/cr4zyc4nuk)
#### Post date: [17 Junio, 2015 17:39 UTC](https://meta.discourse.org/t/carousel-only-visible-on-community-landing-page/30126/4 "2015-06-17T17:39:00Z")

</div>

Awesome thanks for the feedback Simon. Will let you know how it works and will post our forum when we get it up running.
