Ajustar una barra de búsqueda para DIVI, usando CSS
$10-30 USD
Pagado a la entrega
Necesitamos customizar una barra de búsqueda, usando el tema DIVI, sobre Wordpress. La barra permite la búsqueda de productos dentro de un store.
El código de la barra y del botón es:
<form role="search" method="get" action="[login to view URL]"> <input type="search" id="woocommerce-product-search-field" class="search-field" placeholder="Buscar productos…" value="" name="s" title=""> <input type="submit" value="Buscar" class="button"> <input type="hidden" name="post_type" value="product" class="button"> </form>
El CSS de la barra y del botón es:
.search-field {
font-family: arial;
color: #4f4d45;
font-size: 16px;
width: 80%;
padding: 10px 18px;
border: 2px solid #000000;
background: #FFFFFF;
}
.button {
font-family: Arial;
color: #ffffff;
font-size: 16px;
background: #000000;
padding: 10px 20px 10px 20px;
text-decoration: none;
}
La dificultad surge cuando hay que ingresar el CSS en la interfaz de DIVI, que viene ya preparada para aplicar cierto código a un elemento (en este caso, la barra y el botón). Envío algunas capturas de pantalla. La interfaz permite la inserción de código en posiciones de pseudo elementos before, main y after.
Nº del proyecto: #10463489
Sobre el proyecto
8 freelancers están ofertando un promedio de $26 por este trabajo
Hi, i have read your job post and i am sure i can do that, i have more then 7 years experience in development. I can start your work right now... Thanks
Hola puedo ayudarlos ahora mismo con el problema de la barra. Tengo 6 años de experiencia en CSS y Wordpress. Espero su respuesta al chat. Saludos.
Hola te ayudo creo que en 5 horas te lo resuelvo. pero bueno cualquier cosa me avisas saludos. Estare apendiente.