Como fazer botões de fórum arredondados em todos os temas

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.

3 curtidas

Experimente este Theme component

Este adicionará opções para arredondar outras coisas como citações, imagens e mais

6 curtidas

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”.

2 curtidas

Bem, eu usei este termo de pesquisa.

"#theme-component Round"
1 curtida

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

3 curtidas

Hmm… novamente, ambos parecem funcionar apenas no modo de visualização, mesmo após atualizar o fórum e fazer login e logout.

Ferida aberta à vista… onde está meu sal

Quinto golpe:

Desculpe amigo, eu simplesmente não resisti à tentação :rofl:

1 curtida

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.

1 curtida

Você adicionou algum outro componente que também personaliza os botões?

como Bordas de Imagem Arredondadas

1 curtida

Desculpe, eu estava respondendo à postagem de @awesomerobot com o CSS.

1 curtida

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

1 curtida

Preciso ter certeza de que verifiquei todas as opções antes de passar para outro componente.

Ambos

Intensidade do canto do botão

Intensidade do canto da caixa de estilo da categoria

foram definidos como 0px.

Desculpe por perder tempo! Mas bom trabalho em equipe!

1 curtida

Isso é bom. Acho que meu componente atualmente cobre a maioria dos botões, mas eu não sabia dessa abordagem, obrigado.

2 curtidas

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