Boa noite,
Estou tentando deixar todos os botões do meu fórum com um formato mais arredondado. Usei o CSS dentro de CSS/HTML:
.btn { border-radius: 5px; }
Isso funciona na aba de pré-visualização, mas não funciona no fórum ativo após incluir o componente nesses temas.
Atualmente no fórum:
Após usar CSS:
Aqui no Meta, usando o tema Fully, os botões são arredondados. No entanto, usando este tema no meu fórum, eles não são.
Tente este componente de personalização de tema:
Este adicionará opções para arredondar outros elementos, como citações, imagens e mais:
Meu Deus! Eu sempre digo aos meus usuários para usarem a função de busca antes de criar um tópico!
Agora sou culpado da mesma coisa! Eu estava procurando por “botões arredondados”. Foi mais complexo do que precisava ser. Eu deveria ter apenas procurado por “botões”.
Bem, eu usei este termo de pesquisa.
"#customization:theme-component Round"
Você também pode fazer
:root {
--d-button-border-radius: 5px
}
ou
:root {
--d-border-radius: 5px;
}
se você realmente quiser cantos arredondados em todos os lugares
Hmm… novamente, ambos parecem funcionar apenas no modo de visualização, mesmo após atualizar o fórum e fazer login e logout.
Após instalar um componente e para aplicá-lo, você precisa adicioná-lo aos seus temas e, em seguida, atualizar a página.
Depois disso, ele deve ficar visível, logado ou não.
A pré-visualização serve apenas para testes sem nenhum tema ativo.
Você adicionou algum outro componente que também personaliza os botões?
Desculpe, eu estava respondendo à postagem de @awesomerobot com o CSS.
O mesmo vale para a criação de um componente personalizado. Depois de salvá-lo, você precisa adicioná-lo aos seus temas.
Feito isso também.
Estou apenas olhando a resposta do @Moin e não vejo nada que conflite com o componente personalizado. Vou mergulhar fundo em "Estilo de Botão do Discourse". Eu já tive isso antes e, para ser honesto, havia muitas caixas vazias, e meu cérebro com TDAH não conseguia lidar com isso, haha! Um CSS simples funcionaria para mim (se funcionasse).
Sim, eu tenho isso. Então isso está em conflito com o componente personalizado?
Então terei que criar manualmente CSS para os botões, avatar e imagens que estou querendo/olhando.
Há uma configuração button settings enabled, então provavelmente
Isso é bom. Acho que meu componente atualmente cobre a maioria dos botões, mas eu não sabia dessa abordagem, obrigado.
