# Come mostrare il cancello più avanti nel post?
**URL:** https://meta.discourse.org/t/how-to-show-the-gate-further-down-in-the-post/287406
**Category:** Development
**Tags:** gated-topics
**Created:** [3 Agosto 2023, 11:53am UTC](https://meta.discourse.org/t/how-to-show-the-gate-further-down-in-the-post/287406 "2023-08-03T11:53:08Z")
**Posts on this page:** 11
**Page:** 1
### Author:  [@Krischan](https://meta.discourse.org/u/Krischan)
#### Post date: [3 Agosto 2023, 11:53am UTC](https://meta.discourse.org/t/how-to-show-the-gate-further-down-in-the-post/287406/1 "2023-08-03T11:53:08Z")
Grazie per l’ottimo componente! Sarebbe possibile mostrare il gate più in basso nel post? (I nostri argomenti iniziano tutti con un’immagine e vorremmo mostrare una buona parte di testo o anche definire un punto nell’argomento in cui il gate viene visualizzato.) Qualsiasi suggerimento (ad esempio, trucchi CSS) è apprezzato!
---
### Author:  [@Jonathan5](https://meta.discourse.org/u/Jonathan5)
#### Post date: [3 Agosto 2023, 1:17pm UTC](https://meta.discourse.org/t/how-to-show-the-gate-further-down-in-the-post/287406/2 "2023-08-03T13:17:26Z")
Sì, mi stavo chiedendo qualcosa di simile, magari un’impostazione percentuale che potesse essere modificata.
---
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [3 Agosto 2023, 1:54pm UTC](https://meta.discourse.org/t/how-to-show-the-gate-further-down-in-the-post/287406/3 "2023-08-03T13:54:50Z")
> [@Krischan](#):
>
> (ad es. trucchi CSS)
Attualmente, il contenuto è nascosto utilizzando la seguente tecnica (tra le altre):
- Lo scorrimento è disabilitato
- L’altezza del contenuto della pagina è impostata al 100%
Potresti modificare queste cose. Ad esempio:
```css
body.topic-in-gated-category {
height: 200%;
}
```
Ciò consentirà uno scorrimento ulteriore:
Questo potrebbe essere reso più gradevole magari riducendo l’area blu (¼ o ⅓ dello schermo), accorciando anche il gradiente bianco…
Puoi anche modificare questo:
```css
.topic-in-gated-category .post-stream {
max-height: 150vh;
overflow: hidden;
}
```
Scegliere quanti post mostrare con CSS è complicato perché si trovano allo stesso livello di piccole azioni, intervalli di tempo e così via.
Quindi, utilizzare CSS come:
```css
.post-stream > *:nth-child(n+6) {
display: none;
}
```
Non mostrerà sempre lo stesso numero di post da un argomento all’altro.
---
### Author:  [@jaimemcc](https://meta.discourse.org/u/jaimemcc)
#### Post date: [29 Novembre 2023, 3:33pm UTC](https://meta.discourse.org/t/how-to-show-the-gate-further-down-in-the-post/287406/4 "2023-11-29T15:33:51Z")
Sembra che sarà davvero utile per il nostro forum. Puoi dirmi dove dovrebbe essere aggiunto questo codice personalizzato, ad esempio nelle impostazioni del componente o nel CSS del tema?
Grazie mille in anticipo
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [29 Novembre 2023, 3:44pm UTC](https://meta.discourse.org/t/how-to-show-the-gate-further-down-in-the-post/287406/5 "2023-11-29T15:44:14Z")
Ciao Jaime,
Il CSS del tuo tema o un CSS di _componente separato_, entrambe sono scelte accettabili. L’utilizzo di un componente consente un facile collegamento a più temi, che sarebbe il modo preferito.
---
### Author:  [@jaimemcc](https://meta.discourse.org/u/jaimemcc)
#### Post date: [29 Novembre 2023, 3:48pm UTC](https://meta.discourse.org/t/how-to-show-the-gate-further-down-in-the-post/287406/6 "2023-11-29T15:48:54Z")
Grazie @Arkshine. E dopo aver approfondito un po’ di più, penso di dover clonare o forkare il repository per questo componente e poi apportare le mie modifiche direttamente al CSS comune prima di importare la versione modificata di nuovo in Discourse? È corretto?
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [29 Novembre 2023, 4:02pm UTC](https://meta.discourse.org/t/how-to-show-the-gate-further-down-in-the-post/287406/7 "2023-11-29T16:02:56Z")
Se desideri modificare del CSS, puoi creare facilmente un nuovo componente tramite l’interfaccia utente.
1. Vai su Admin → Personalizza
2. Fai clic su `Installa`
3. Quindi scegli `Crea nuovo`. Il tipo dovrebbe essere `Componente`.
Questo è tutto! Allegalo al tuo tema; quindi, puoi `Modifica CSS/HTML`.
Di solito vorresti eseguire un fork se desideri contribuire al componente originale su Github (creando una Pull Request) o se desideri creare la tua versione. Se lo fai, non riceverai aggiornamenti dal componente originale; probabilmente non è quello che desideri qui!
---
### Author:  [@jaimemcc](https://meta.discourse.org/u/jaimemcc)
#### Post date: [29 Novembre 2023, 4:13pm UTC](https://meta.discourse.org/t/how-to-show-the-gate-further-down-in-the-post/287406/8 "2023-11-29T16:13:34Z")
Grazie ancora. Il problema, credo, è che la proprietà CSS nel mio componente personalizzato sarà presente anche nel componente base dal repository su Github.
A meno che non ci sia un modo per specificare che un componente debba sovrascriverne un altro, sembra necessario creare semplicemente un clone del repository e utilizzare la mia versione modificata (che ora funziona, ma non riceverò aggiornamenti, come dici tu).
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [29 Novembre 2023, 4:44pm UTC](https://meta.discourse.org/t/how-to-show-the-gate-further-down-in-the-post/287406/9 "2023-11-29T16:44:16Z")
Se il tuo CSS non sovrascrive il componente originale, puoi aggiungere ` !important` in una regola. Questo dovrebbe funzionare.
```css
.topic-in-gated-category .post-stream {
max-height: 150vh !important;
overflow: hidden !important;
}
```
---
### Author:  [@jaimemcc](https://meta.discourse.org/u/jaimemcc)
#### Post date: [29 Novembre 2023, 4:46pm UTC](https://meta.discourse.org/t/how-to-show-the-gate-further-down-in-the-post/287406/10 "2023-11-29T16:46:50Z")
> [@Arkshine](#):
>
> `!important`
Funziona perfettamente, grazie ancora per l’aiuto!
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [29 Dicembre 2023, 4:47pm UTC](https://meta.discourse.org/t/how-to-show-the-gate-further-down-in-the-post/287406/11 "2023-12-29T16:47:03Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.