Campos com cantos arredondados

[jtdai 0]

Olá amigos,

 

Sou novo no fórum, recentemente adquiri este tema: http://whmcsdesigns.com/demo/?systpl=dash

 

 

 

 

 

Ele possui estes campos com os cantos arrendondados:

 

 

 

 

 

 

 

 

 

 

 

 

Entretanto gostaria de deixá-los assim:

 

 

 

 

 

 

Sem os cantos arredondados, alguém poderia me dar uma ajuda onde eu realizo estas alterações?

 

 

Obrigado!

[LucasCairesF 8]

Só colocar no css do input

boder-radius:3px;

/*Onde tem 3px coloque o numero qe vc achar melhor!*/

[jtdai 0]

Amigos, sou um pouco leigo no assunto e infelizmente existem alguns campos que não consegui editar.

 

Se alguém tiver interesse em realizar os serviços por gentileza entrem em contato bem como seus respectivos valores

[Dian Carlos 29]

Olha só @jtdai, cantos arredondados é bem simples.

 

Primeiro, vc deve localizar o css que está estilizando os campos, verifique se existe algum id ou class no input e procure no css.

 

Encontrou? Beleza, agora vamos ao efeito.

 

O correto é border-radius: 3px;

 

Ex.:

 

input.nome { // input que tem a classe "nome" (<input class="nome" ...)
float: left:

width: 150px;

border: 1px solid #EEE; // Reseta as bordas padrões do navegador
border-radius: 3px; // Adiciona a borda arredondada a todos os cantos do campo.
}

Os 3px são a dimensão da borda, o primeiro exemplo que você mandou deve estar com o border-radius em 100%, ou seja, vai ficar realmente redondo. Então se você quiser diminuir ou aumentar a borda, é só aumentar ou diminuir a quantidade de pixels.

 

Acho que pro segundo exemplo que você mandou, 3px é o suficiente.

 

DICA: O css que você deve mudar está no arquivo flex.css. :thumbsup:

Use a opção 'Inspecionar Elemento' do seu navegador pra te ajudar.

 

Tenta ai cara, boa sorte.

Até.. :natalw00t:

[Bruno Augusto 417]

Um pequeno detlhe é que a propriedade border-radius não é, na falta de termo menos técnico, universal.

Sendo assim, existem outras propriedades específicas para alguns navegadores que devem ser utilizadas em conjunto para maximizar a compatibildiade.

E, pra facilitar, existe um site que te auxilia nesse pequeno processo:

:seta: BorderRadius

[jtdai 0]

Obrigado amigos, consegui o/