Categorias: CSS | jQuery

Substituir Texto por Ícone no Módulo Busca

Escrito por Amanda de Lavra

2 de abril de 2023
O módulo Busca vem com o botão com valor definido e nós não temos como alterá-lo manualmente. Para alterar o texto “Pesquisa” para qualquer valor, eu achei esse tutorial: https://divitheme.net/change-search-button-text/. Ele ensina a trocar por outro texto, mas é possível trocar para um ícone. É necessário primeiro acrescentar a classe custom-search ao módulo.
jQuery(document).ready(function(){
	jQuery(".custom-search input.et_pb_searchsubmit").val("U");
});
É necessário também esse código CSS:
.custom-search input.et_pb_searchsubmit {
	font-family: 'ETModules';
	padding: 0 15px;
}

Posts relacionados

Customizações da página de login e painel administrativo do WordPress

Customizações da página de login e painel administrativo do WordPress

Para todo o site que eu faço, personalizo a página de login e também o wp-admin para ficar com a marca do cliente. Recentemente, aperfeiçoei o código para que o login ficasse no meio da página, tanto verticalmente quanto horizontalmente. Segue código usado aqui neste...

Esconder título na imagem em hover no Divi

Esconder título na imagem em hover no Divi

O Divi tem uma coisa muita chata que é aparecer o atributo título das imagens quando passa o mouse em cima delas. Tentei resolver com CSS, mas o código usava a propriedade pointer-events e definia como none. Isso tira não apenas a ação do hover, mas também do click e,...

Botão Leia Mais no Elementor

Botão Leia Mais no Elementor

O site do cliente tinham alguns textos que eram muito extensos e, num layout de coluna, variavam muito de tamanho. Decidi adaptar o que já havia feito no Divi, ao incluir um botão Leia Mais (https://blog.amandadelavra.com.br/modulo-texto-com-botao-leia-mais/), mas...