Completado

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

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="[url removed, login to view]"> <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.

Habilidades: CSS, HTML, PHP, WordPress

Ver más: padding background, background padding

Información del empleador:
( 14 comentarios ) Buenos Aires, Argentina

Nº del proyecto: #10463489

Adjudicado a:

satarpk

Dear Employer, I am ready to work on your required task and can also give 100% satisfaction. Looking forward to an opportunity to work with you. Regards: satarpk

$20 USD en 1 día
(2 comentarios)
0.6

10 freelancers están ofertando el promedio de $27 para 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
(128 comentarios)
5.8
ParraSoft

Un cordial saludo, hemos analizado su proyecto y estamos totalmente seguros de que nuestro equipo de profesionales son capaces de llevar a cabo el proyecto sin ningún problema, somos LP Estudios una empresa dedicada al Más

$30 USD en 1 día
(22 comentarios)
4.8
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.6
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
(11 comentarios)
3.4
akram2016

Greetings..!!! I am Akram Hossain and an expert Wordpress developer in Freelancer. In recent past worked in Software firm in USA based in Bangladesh. There I have developed many websites and applications using Wordpre Más

$25 USD en 1 día
(3 comentarios)
2.0
$20 USD en 1 día
(5 comentarios)
1.1
IngDcampos

Cordial saludo, Mi nombre es David Campos, desarrollador de software radicado en Colombia con amplia experiencia y habilidades en TICs así como el uso de lenguajes para web PHP, HTML5, CSS3. Cuento con la experiencia, Más

$35 USD en 2 días
(0 comentarios)
0.0
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
DeveloperLopez

Hola que tal, mi nombre es Fernando López y soy desarrollador Web. Estoy a sus órdenes, para poderle brindar un mejor servicio y una atención más personalizada, podemos ponernos en contacto a través de este medio y pod Más

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