Ajustar una barra de búsqueda para DIVI, usando CSS

En curso Publicado hace 7 años Pagado a la entrega
En curso 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.

CSS HTML PHP WordPress

Nº del proyecto: #10463489

Sobre el proyecto

8 propuestas Proyecto remoto Activo hace 7 años

8 freelancers están ofertando un promedio de $26 por este trabajo

somveer49

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

$25 USD en 1 día
(181 comentarios)
6.2
SumonGSTL

Good Day, Thank you so much for giving me an opportunity to apply this wonderful job opportunity. I read your whole job requirements very carefully and understand what you actually wanted for your project. In your Más

$25 USD en 1 día
(25 comentarios)
4.5
flgx

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.

$30 USD en 1 día
(17 comentarios)
4.8
solitarioavalos

Hola te ayudo creo que en 5 horas te lo resuelvo. pero bueno cualquier cosa me avisas saludos. Estare apendiente.

$20 USD en 1 día
(0 comentarios)
0.0