# תכונת דף הבית

**URL:** https://meta.discourse.org/t/homepage-feature/144264
**Category:** Theme component
**Tags:** official, homepage-feature
**Created:** [13 במרץ,‏ 2020,‏ 9:16pm UTC](https://meta.discourse.org/t/homepage-feature/144264 "2020-03-13T21:16:58Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![hjalali](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hjalali/32/181824_2.png) [@hjalali](https://meta.discourse.org/u/hjalali)
#### Post date: [5 במאי,‏ 2020,‏ 9:26pm UTC](https://meta.discourse.org/t/homepage-feature/144264/32 "2020-05-05T21:26:57Z")

</div>

Thanks, I think its part of this issue:

> [@Upgraded to 2.5.0beta4 and now YouTube og:image is not being picked up](https://meta.discourse.org/t/upgraded-to-2-5-0beta4-and-now-youtube-og-image-is-not-being-picked-up/150474/2):
>
> Thanks for reporting - I’ve been working on some changes to the topic image logic recently, so I’ll take a look eyes Can you tell me if you have pull hotlinked images enabled?

---

<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: [6 במאי,‏ 2020,‏ 3:44am UTC](https://meta.discourse.org/t/homepage-feature/144264/33 "2020-05-06T03:44:29Z")

</div>

> [@robotnjik](#):
>
> Only thing is that on my forum, on mobile, it appears to have too much space below featured content.

Ah I figured this out, on second look I needed to add an adjustment to the min-height for mobile (it was too large in some cases). If you update the theme component that space should go away now.

---

<div class="post-metadata">

### Author: ![robotnjik](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/robotnjik/32/120095_2.png) [@robotnjik](https://meta.discourse.org/u/robotnjik)
#### Post date: [6 במאי,‏ 2020,‏ 8:26am UTC](https://meta.discourse.org/t/homepage-feature/144264/34 "2020-05-06T08:26:17Z")

</div>

Looks good now! Thank you!

---

<div class="post-metadata">

### Author: ![Jason\_Rybka](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jason_rybka/32/179188_2.png) [@Jason\_Rybka](https://meta.discourse.org/u/Jason_Rybka)
#### Post date: [6 במאי,‏ 2020,‏ 3:56pm UTC](https://meta.discourse.org/t/homepage-feature/144264/35 "2020-05-06T15:56:23Z")

</div>

Thanks for that update this was my issue as well, I’ll update and have another go at it. Great plugin btw. 👍

---

<div class="post-metadata">

### Author: ![hjalali](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hjalali/32/181824_2.png) [@hjalali](https://meta.discourse.org/u/hjalali)
#### Post date: [10 במאי,‏ 2020,‏ 3:56pm UTC](https://meta.discourse.org/t/homepage-feature/144264/36 "2020-05-10T15:56:00Z")

</div>

Unfortunately the issue regarding posts that only contain a YouTube video have not been resolved, on the contrary they just do not show up anymore and are assumed “empty” for example if I have 3 posts with a featured tag everything looks good once I add a third one with a YouTube video it suddenly displays 2 and excludes the YouTube one.

---

<div class="post-metadata">

### Author: ![JoiConverse](https://avatars.discourse-cdn.com/v4/letter/j/ee7513/32.png) [@JoiConverse](https://meta.discourse.org/u/JoiConverse)
#### Post date: [13 במאי,‏ 2020,‏ 4:20pm UTC](https://meta.discourse.org/t/homepage-feature/144264/37 "2020-05-13T16:20:48Z")

</div>

We’re going to update our community to this feature today. So far it isn’t working. Is there a minimum requirement for version of Discourse?

---

<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: [13 במאי,‏ 2020,‏ 10:03pm UTC](https://meta.discourse.org/t/homepage-feature/144264/38 "2020-05-13T22:03:14Z")

</div>

There shouldn’t be anything here that requires an incredibly recent version. A couple things to check:

- If you right click to inspect your homepage do you see any errors in the console?

- Do you have at least one topic tagged with `featured`, and that topic has an image in its first post?

---

<div class="post-metadata">

### Author: ![tomwrench](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tomwrench/32/54576_2.png) [@tomwrench](https://meta.discourse.org/u/tomwrench)
#### Post date: [14 במאי,‏ 2020,‏ 2:58am UTC](https://meta.discourse.org/t/homepage-feature/144264/39 "2020-05-14T02:58:00Z")

</div>

Hi - currently this displays above the Versatile Banner component. Is there any easy way to display it below? I.e. Below the Versatile banner but above the navigation pills. Cheers

---

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [14 במאי,‏ 2020,‏ 5:53am UTC](https://meta.discourse.org/t/homepage-feature/144264/40 "2020-05-14T05:53:48Z")

</div>

I encountered this problem and decided to run an unofficial test of disabling the banner.

Would love to be able to reintroduce it, though.

---

<div class="post-metadata">

### Author: ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [16 במאי,‏ 2020,‏ 10:13am UTC](https://meta.discourse.org/t/homepage-feature/144264/41 "2020-05-16T10:13:28Z")

</div>

Is there any elegant way to display it to trust level 0 users only? That way I want to “force them so read beginner guides”. After they reach tl1, I want to hide it again.

---

<div class="post-metadata">

### Author: ![hjalali](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hjalali/32/181824_2.png) [@hjalali](https://meta.discourse.org/u/hjalali)
#### Post date: [16 במאי,‏ 2020,‏ 10:50am UTC](https://meta.discourse.org/t/homepage-feature/144264/42 "2020-05-16T10:50:09Z")

</div>

Just to note that this fixed the problem:

> [@Upgraded to 2.5.0beta4 and now YouTube og:image is not being picked up](https://meta.discourse.org/t/upgraded-to-2-5-0beta4-and-now-youtube-og-image-is-not-being-picked-up/150474/5):
>
> This should be resolved by [https://github.com/discourse/discourse/commit/0c6f30d92a4090aa7447e2e579a17a180e49ce17](https://github.com/discourse/discourse/commit/0c6f30d92a4090aa7447e2e579a17a180e49ce17) After updating, you will need to gear Rebuild HTML on posts for the thumbnail to be re-fetched.

---

<div class="post-metadata">

### Author: ![ElForoViajero](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/elforoviajero/32/187116_2.png) [@ElForoViajero](https://meta.discourse.org/u/ElForoViajero)
#### Post date: [30 במאי,‏ 2020,‏ 10:32am UTC](https://meta.discourse.org/t/homepage-feature/144264/43 "2020-05-30T10:32:38Z")

</div>

Hi! Is it possible to show more than 3 topics with this theme component?

---

<div class="post-metadata">

### Author: ![Bill](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bill/32/159342_2.png) [@Bill](https://meta.discourse.org/u/Bill)
#### Post date: [8 ביוני,‏ 2020,‏ 3:05pm UTC](https://meta.discourse.org/t/homepage-feature/144264/44 "2020-06-08T15:05:43Z")

</div>

> The tag you selected cannot be used.

I get this error when I set a topic with a tag named “featured”.

Trying to figure out what I’m doing wrong.

Probably something in my settings I’m sure.

[EDIT] fixed, its the option the category settings “allow use of other tags”

---

<div class="post-metadata">

### Author: ![Bill](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/bill/32/159342_2.png) [@Bill](https://meta.discourse.org/u/Bill)
#### Post date: [8 ביוני,‏ 2020,‏ 3:52pm UTC](https://meta.discourse.org/t/homepage-feature/144264/45 "2020-06-08T15:52:39Z")

</div>

Anyone know the CSS to hide the featured topic’s titles? Not the word “Featured Topics”, but the actual title of the topic. I’m using the titles in the image, so having text below them is excessive.

---

<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: [9 ביוני,‏ 2020,‏ 12:05am UTC](https://meta.discourse.org/t/homepage-feature/144264/46 "2020-06-09T00:05:26Z")

</div>

This should do it

```css
.featured-topic-wrapper .featured-topics .featured-topic h3 { 
  display: none; 
}

```

---

<div class="post-metadata">

### Author: ![Jeremie\_Leroy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jeremie_leroy/32/84427_2.png) [@Jeremie\_Leroy](https://meta.discourse.org/u/Jeremie_Leroy)
#### Post date: [15 ביוני,‏ 2020,‏ 1:31pm UTC](https://meta.discourse.org/t/homepage-feature/144264/47 "2020-06-15T13:31:03Z")

</div>

How can i display the homepage feature component under the discourse search banner component or under the versatile banner component ?

---

<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: [16 ביוני,‏ 2020,‏ 1:03am UTC](https://meta.discourse.org/t/homepage-feature/144264/48 "2020-06-16T01:03:34Z")

</div>

I think we can make an improvement on our end for this so there’s a better selector than `#main-outlet > span:first-child`… but this CSS added to your parent theme should do it:

```css
#main-outlet > span:first-child {
  display: flex;
  flex-wrap: wrap;
}

.above-main-container-outlet {
  width: 100%;
}

.above-main-container-outlet.search-banner {
  order: -1;
}

```

This sets the container with the components to use flexbox, which then allows you to reorder them.

---

<div class="post-metadata">

### Author: ![augustinecicc](https://avatars.discourse-cdn.com/v4/letter/a/4da419/32.png) [@augustinecicc](https://meta.discourse.org/u/augustinecicc)
#### Post date: [2 ביולי,‏ 2020,‏ 9:09am UTC](https://meta.discourse.org/t/homepage-feature/144264/49 "2020-07-02T09:09:28Z")

</div>

If the forum is private and is only accessible via login then after login the site goes to [https://example.com/tags/featured.json](https://example.com/tags/featured.json)

It also shows a space where the featured post would appear at the top of the page before login

PS there’s no link to this page in the component settings like other components so submitted an issue on GitHub before realising I could come here

---

<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: [2 ביולי,‏ 2020,‏ 11:29pm UTC](https://meta.discourse.org/t/homepage-feature/144264/51 "2020-07-02T23:29:18Z")

</div>

> [@augustinecicc](#):
>
> If the forum is private and is only accessible via login then after login the site goes to [https://example.com/tags/featured.json](https://example.com/tags/featured.json)

Have you made any changes to the component? I don’t see this behavior… I log in from the “account required” page and I’m taken to the homepage as expected.

> [@augustinecicc](#):
>
> It also shows a space where the featured post would appear at the top of the page before login

Hmm, it shouldn’t… what I see is an empty div…

![Screen Shot 2020-07-02 at 7.21.45 PM](https://global.discourse-cdn.com/meta/optimized/3X/0/9/0919219783b21ef59d1245676f125b67e6895d7f_2_689x55.png)

I guess maybe you’ve added some additional padding or margin to `.homepage-featured-topics`? If that’s the case you might want to target a different div instead… `.custom-homepage-wrapper` would be my next choice and should function the same way.

> [@augustinecicc](#):
>
> PS there’s no link to this page in the component settings like other components so submitted an issue on GitHub before realising I could come here

Thanks! I’ve added it.

---

<div class="post-metadata">

### Author: ![augustinecicc](https://avatars.discourse-cdn.com/v4/letter/a/4da419/32.png) [@augustinecicc](https://meta.discourse.org/u/augustinecicc)
#### Post date: [4 ביולי,‏ 2020,‏ 10:50pm UTC](https://meta.discourse.org/t/homepage-feature/144264/53 "2020-07-04T22:50:01Z")

</div>

Thanks @awesomerobot for your reply.

I’ve tried it again and realise now that it doesn’t work properly unless there is an image in the Topic - plus I made sure it’s only visible to logged-in users. I had only one featured Topic without an image so maybe that was the issue?

It’s working now great. Thanks for your work on this.

By the way the component settings still aren’t showing an About link on my setup even though I’ve updated just now - see the screenshots below

 ![Screenshot 2020-07-04 at 23.47.02](https://global.discourse-cdn.com/meta/original/3X/1/a/1a515be7ce58813330005bca163b063d296e3cd0.png) ![Screenshot 2020-07-04 at 23.46.27](https://global.discourse-cdn.com/meta/original/3X/7/f/7f94c253693e2581198f539296e6de09e4df7485.png)

I can see now that _about.json_ has the code needed:  
eg for Alternative Logos ([https://meta.discourse.org/t/alternative-logo/88502](https://meta.discourse.org/t/alternative-logo/88502)) it’s

> ```
> {
> "name": "Alternative Logos",
> "about_url": "https://meta.discourse.org/t/alternative-logo/88502",
> "license_url": "https://github.com/discourse/discourse-alt-logo/blob/master/LICENSE",
> "component": true
> }
> 
> ```

[Previous page](https://meta.discourse.org/t/homepage-feature/144264.md?page=1)

[Next page](https://meta.discourse.org/t/homepage-feature/144264.md?page=3)
