Cor da descrição do botão

Alguém consegue me ajudar por favor?
1 - Eu preciso mudar essa cor rosa da descrição ver mais para a cor branca.
2 - Tirar o ícone da lupa do botão
3 - centralizar todas as informações e botão como está a foto.

Eu preciso muito de ajuda pois vou lançar o site esse sabado. Se alguém puder tentar me ajudar eu já agredeço muito!
botão

@media only screen and (max-width: 479px){
    .info-produto {
        text-align: center;
    }

    .listagem .listagem-item .acoes-produto-responsiva {
        text-align: center;
    }
    
    .tag-comprar.fundo-principal > .titulo {
        color: white;
    }
    .icon-search:before {
        content: "";
    }
}

1 Curtida

Deu super certoo! Muito obrigadaa!
dá pra centralizar assim no desktop também?

    .info-produto {
        text-align: center;
    }

    .listagem .listagem-item .acoes-produto {
        text-align: center;
    }
1 Curtida

As informações centralizaram mais o botão não, e a lupa ainda no desktop, mas vc ta me ajudando muito! obrigada

    .info-produto {
        text-align: center;
    }

    .listagem .listagem-item .acoes-produto {
        text-align: center;
    }
    
    .tag-comprar.fundo-principal > .titulo {
        color: white;
    }
    .icon-search:before {
        content: '';
    }
   
   .botao i {
       margin-right: 0;
   }
1 Curtida

Funcionou! Deu super certo! Tenho muito a agradecer por essa ajuda!
Mais uma coisa se não for abusar muito, você sabe se tem uma forma de eu colocar um baner para mobile e outro para desktop , pelo fato de o tamanho deles serem diferentes?

sim, ter tem, mas somente via programação.
sugiro contratar @brenonovelli esse cara faz mágica!

2 Curtidas

Obrigada pela indicação! Uma coisa que eu só reparei agora, a lupa da barra de pesquisa também sumiu, tem como voltar ela?

tire onde tiver esse código (mobile e desktop) e me avisa.
assim a gente começa de novo do jeito certo!

  .icon-search:before {
        content: "";
    }
1 Curtida

Removi todo o código!

Removi! No mobile ta tudo , no mobile ainda está sem a lupa e no desktop a lupa voltou no botão e na pesquisa

.acoes-produto > a > .icon-search:before {
    content: "";
}


.acoes-produto-responsiva > a > .icon-search:before {
    content: "";
}
1 Curtida

O mobile ainda está sem a lupa na pesquisa, o resto está certo / no desktop o botão não está centralizado, e a descrição “ver mais” está torta dentro do botão

Codigo completo!

.acoes-produto-responsiva > a > .icon-search:before {
    content: "";
}

.info-produto {
    text-align: center;
}

.listagem .listagem-item .acoes-produto {
    text-align: center;
}

.tag-comprar.fundo-principal > .titulo {
    color: white;
}
.acoes-produto > a .icon-search:before {
    content: '';
}

.botao i {
   margin-right: 0;
}

O desktop está ótimo, o mobile ainda está sem a lupa na barra de pesquisa

vc precisa tirar esse codigo que esta em algum lugar

@media only screen and (max-width: 479px){
  .icon-search:before {
    content: "";
  }
}
1 Curtida

Deu tuo certo agora! Sem querer abusar da sua boa vontade, será que vc consegue tirar esse contorno cinza da lupa e o preto tbm ? deixar so um contorno fino e a lupa de pequisa tudo na cor preta, apenas pra ficar mais delicado?