Site logo

Archived topic

Cambiar fuente de los botones

15 replies · Started by carlos on May 25, 2019

Viewing posts 1–15 of 16

Hola me gustaría cambiar los botones.

Me gustaría separar los botones, quitarle el borde al primero de ellos y cambiarles la fuente y darles transparencia, si puede ser redondear los bordes.

Me gustaría dejar los bordes como los de la imagen.

Graciasbotones

Hi there,

Your image doesn't seem to be working - can you double-check?

Hola, a ver si puede verla ahora...

botones

Hi there,

can you edit your HTML in the Header Element so the second button has an additional class of ghost the HTML will look like this:

<a class="button" href="#">prueba nuestro servicio</a><a class="button ghost" href="#">Call to Action</a>

Then add this CSS:

a.button {
    border-color: transparent;
    padding: 12px 20px;
    border-radius: 4px !important;
}
a.button.ghost {
    margin-left: 2em;
    background-color: transparent;
    border: 1px solid;
    border-color: #ffffff;
    border-radius: 4px;
    
}

The button colors and their hover colors can be changed in Customizer > Colors > Buttons.

Hmm using the exact same format should work.

Where are you adding the CSS David provided?

Hola Leo,

El CSS que me proporciono David esta en PERSONALIZAR-CSS ADICIONAL yo tambien pienso que con ese codigo debe funcionar, pero no funciona, tal vez es porque no es el mismo Header de elements es otro diferente creado para la tienda aunque es exactamente igual, no es el mismo porque estoy haciendo pruebas pero cambiare la imagen y el texto de los botones.

Un saludo

So the CSS is added in the Additional CSS field in the customizer?

That's very weird as it should work.

Are you using any caching plugins? If so can you clear and disable them for now?

Buenas Leo,

Efectivamente el CSS esta agregado al CSS en el personalizador.

Es muy raro que no funcione, He deshabilitado la cache y continua sin funcionar.

Un saludo

Buenas David, es asi exactamente como lo tengo.

Un saludo

So that is working now?

I changed the CSS above to this:

a.button {
    border-color: transparent;
    padding: 12px 20px;
    border-radius: 4px !important;
}
a.button.ghost {
    margin-left: 2em;
    background-color: transparent;
    border: 1px solid;
    border-color: #ffffff;
    border-radius: 4px; 
}

Can you use this instead and then clear any caches.

Muchas Gracias David!!!!

Ahora si funciona.

Un saludo ;)

This archived topic is closed to new replies.