Arredondar Botão "Ver Mais" versão mobile

Layout
1

Amigos, boa tarde!
Alguém conhece o código CSS para arredondar os botões “Ver Mais” da vitrine?

2

Boa tarde! Segue o código para arredondamento das bordas, lembrando que são apenas valores, basta mudar de acordo com o seu gosto. Junto, acompanha também o código para alteração da cor deste mesmo botão, basta procurar na internet por cores HTML e realizar a substituição da tag

Border-radius= Arredondamento
Background-color= Cor do botão

/* Botão arredondar e cor */
a.botao.botao-comprar.principal {
    border-radius: 20px;
    background-color: #FFFFFF;
}
2 curtidas
3

Código para arredondamento na versão mobile

/* Botão comprar mobile*/
@media only screen and (max-width: 767px)
.acoes-produto-responsiva .tag-comprar {
1. display: inline-block;
2. margin: 5px -10px 10px 0;
3. line-height: 40px;
4. padding: 0 15px;
}
1 curtida
4

essa não alterou… joguei no Editar CSS, é isso mesmo?

5

Desculpe… a alteração foi feita no botão comprar :+1: o que ficou bacana.
Mas quando pedi uma força, me referi aos botões da vitrine: “Ver Mais”

1 curtida
6

Alguém sabe como deixar o botão entre a foto e o preço? Minhas clientes estão reclamando que o botão fica sobre a foto

7

qual o endereço do seu site?

8

No versão desktop alterou, todos o botões ficaram redondos: “Ver Mais” na vitrine e “Comprar”
Na versão mobile o “Ver Mais” continua no formato padrão, não arredondou.

9

Segue o código com a correção. As alterações não foram realizadas no botão comprar unicamente, eu só comentei o código como botão comprar por questão de costume mesmo.

/*Botão Ver Mais*/
a.tag-comprar.fundo-principal {
    border-radius: 20px;
    background-color: #ffc600;
}
2 curtidas
10

Pronto… ficou show :clap: :clap: :handshake:

1 curtida