Ajustar una barra de búsqueda para DIVI, usando CSS
$10-30 USD
Paid on delivery
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.
Project ID: #10463489
About the project
8 freelancers are bidding on average $26 for this job
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.