- This topic has 15 replies, 4 voices, and was last updated 1 year, 6 months ago by
David.
-
AuthorPosts
-
May 25, 2019 at 1:00 pm #910749
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
May 25, 2019 at 5:28 pm #910861Tom
Lead DeveloperLead DeveloperHi 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-developmentMay 26, 2019 at 12:34 am #910990carlos
Hola, a ver si puede verla ahora…
May 26, 2019 at 4:41 am #911071David
StaffCustomer SupportHi 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/June 23, 2019 at 6:03 pm #939042carlos
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
June 23, 2019 at 7:23 pm #939068Leo
StaffCustomer SupportHmm 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/June 23, 2019 at 7:32 pm #939070carlos
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
June 23, 2019 at 7:40 pm #939072Leo
StaffCustomer SupportSo 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/June 24, 2019 at 5:35 am #939385carlos
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
June 24, 2019 at 5:43 am #939407David
StaffCustomer SupportI 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/June 24, 2019 at 5:48 am #939415carlos
Buenas David, es asi exactamente como lo tengo.
Un saludo
June 24, 2019 at 5:51 am #939421David
StaffCustomer SupportSo that is working now?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 24, 2019 at 5:56 am #939427carlos
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
June 24, 2019 at 6:06 am #939441David
StaffCustomer SupportI 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/June 24, 2019 at 6:34 am #939462carlos
Muchas Gracias David!!!!
Ahora si funciona.
Un saludo 😉
-
AuthorPosts
- You must be logged in to reply to this topic.