Cambiar fuente de los botones

[carlos]

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.

Gracias

[Tom]

Hi there,

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[carlos]

Hola, a ver si puede verla ahora…

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[carlos]

Como puedo poner los botones del header de mi pagina de la tienda https://sien.es/tienda igual que http://sien.es.

con el borde y redondeados.

gracias

[Leo]

Hmm using the exact same format should work.

Where are you adding the CSS David provided?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[carlos]

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

[Leo]

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?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[carlos]

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

[David]

I edited the CSS here:

https://generatepress.com/forums/topic/cambiar-fuente-de-los-botones/#post-911071

Try that

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[carlos]

Buenas David, es asi exactamente como lo tengo.

Un saludo

[David]

So that is working now?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[carlos]

No, lo tengo tal y como dices pero no funciona es muy raro porque en la https://sien.es si funciona y en https://sien.es/tienda no funciona.

Un saludo

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[carlos]

Muchas Gracias David!!!!

Ahora si funciona.

Un saludo 😉

[Author]

Posts