Come rendere i pulsanti del forum arrotondati su tutti i temi

Buonasera,

Sto cercando di rendere tutti i pulsanti del mio forum quadrati arrotondati. Ho usato il CSS all’interno di CSS/HTML:

.btn { border-radius: 5px; }

Questo funziona nella scheda di anteprima, ma non funziona nel forum live dopo aver incluso il componente in questi temi.

Attualmente sul forum:

Dopo aver usato il CSS:

Qui su Meta, usando il tema Fully, i pulsanti sono arrotondati. Tuttavia, usando questo tema sul mio forum, non lo sono.

3 Mi Piace

Prova questo Theme component

Questo aggiungerà opzioni per arrotondare altre cose come citazioni, immagini e altro

6 Mi Piace

Mio Dio! Dico sempre ai miei utenti di usare la funzione di ricerca prima di creare un argomento!

Ora sono colpevole della stessa cosa! Stavo cercando “pulsanti arrotondati”. Era più complicato del necessario. Avrei dovuto semplicemente cercare “pulsanti”.

2 Mi Piace

Bene, ho usato questo termine di ricerca.

"#theme-component Round"
1 Mi Piace

Puoi anche fare

:root {
  --d-button-border-radius: 5px
}

o

:root {
  --d-border-radius: 5px;
}

se vuoi davvero angoli arrotondati ovunque.

3 Mi Piace

Hmm… ancora, entrambi sembrano funzionare solo in modalità di anteprima, anche dopo aver aggiornato il forum ed effettuato l’accesso e il logout.

Ferita aperta in vista… dov’è il mio sale

Quinto colpo:

Scusa amico, non ho potuto resistere alla tentazione :rofl:

1 Mi Piace

Dopo aver installato un componente e per applicarlo è necessario aggiungerlo ai tuoi temi, quindi è necessario aggiornare la pagina.

Dopodiché dovrebbe essere visibile, sia che tu sia loggato o meno.

L’anteprima serve solo per testare senza temi attivi.

1 Mi Piace

Hai aggiunto altri componenti che personalizzano anche i pulsanti?

come Bordi arrotondati per le immagini

1 Mi Piace

Mi dispiace, stavo rispondendo al post di @awesomerobot con il CSS.

1 Mi Piace

Lo stesso vale per la creazione di un componente personalizzato. Dopo averlo salvato, è necessario aggiungerlo ai temi.

Fatto anche questo.

Sto solo guardando la risposta di @Moin e non vedo nulla che possa entrare in conflitto con il componente personalizzato. Farò un’analisi approfondita di “Discourse Button Style”. L’avevo già prima e, ad essere onesti, c’erano un sacco di caselle vuote e il mio cervello con ADHD non riusciva a gestirlo, ahah! Mi basterebbe un semplice CSS (se funzionasse).

Sì, ce l’ho. Quindi questo è in conflitto con il componente personalizzato?

Quindi dovrò creare manualmente il CSS per i pulsanti, l’avatar e le immagini che desidero/sto cercando.

C’è un’impostazione button settings enabled, quindi probabilmente

1 Mi Piace

Devo assicurarmi di controllare tutte le opzioni prima di passare a un altro componente.

Entrambi

Intensità degli angoli del pulsante

Intensità degli angoli della casella di stile della categoria

erano impostati su 0px.

Scusa per aver sprecato tempo! Ma buon lavoro di squadra!

1 Mi Piace

Questo è bello. Penso che il mio componente copra la maggior parte dei pulsanti, ma non conoscevo questo approccio, grazie.

2 Mi Piace

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.