Melhorando a aparência de uma caixa de busca no WordPress usando CSS

  • Autor Autor JRLEMUS
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
J

JRLEMUS

Beta
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Buenas tardes betas...

Traté de hacer algo por mi cuenta de un Search Box que tengo en esta web, del poco conocimiento que tengo, pero me quedó algo feita:

Inicio - Directorio de Escuelas, Colegios y Universidades

Usé el plugin Search & Filtrer de WordPress.

Quiero reducir el botón de enviar sin que me afecte el botón de "buscar" del search box del tema. Le anexo lo que le hice:

.searchandfilter ul {
overflow: hidden;
display: inherit;
}
.searchandfilter li {
float: left;
width: 50%;
display: table;
list-style: none;
padding-right: 0px;
font-size: 12px;
}
}
.searchandfilter ul > li > ul:not(.children) {
margin-left: 0;
padding-top: 5px;
}
.contact-form {
width: 580px;
margin: 0px auto 10px auto;
color: #333333;
text-align: left;
}
#ofestados.postform {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 0;
color: #777;
font-size: 14px;
font-weight: 300;
line-height: 1;
padding: 40px; -------> ORIGINALMENTE está en 20px, por eso quiero subir el botón "buscar" más arriba.
width: 100%;
}

¿Cómo puedo mejorar esto? Saludos!
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
No se exactamente a lo que te refieres...
Acabo de revisar tu web y la única caja de búsqueda que veo es la que tienes en el header y parece que está todo bien.
No tengo claro qué es lo que quieres hacer... ¿ no puedes mostrar una imagen o ser un poco más preciso en la descripción del elemento que quieres modificar?
 
¡HOLA! Gracias por tu interés, si claro... anexo la imagen:

Sin título.webp

El Search Box es el que está abajo, lo uso como referencia sobre todo en el botón. Estoy tratando de hacer algo similar al de esta web:
Schools Web Directory UK - Search Schools by County

Pero se me imposibilita jeje.
Saludos!
 
Claro, con razón no lo encontraba... es que a mi no me aparece ese elemento !!

Mira:

ejemplo.webp


¿ no lo tendrás configurado para que se oculte a los usuarios no registrados o algo así?
 
Me aparece igual que el usuario de arriba :ambivalence:
 
Voltar
Topo