- This topic has 15 replies, 4 voices, and was last updated 4 years, 10 months ago by David.
-
AuthorPosts
-
May 25, 2019 at 1:00 pm #910749carlos
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 #910861TomLead DeveloperLead DeveloperHi there,
Your image doesn’t seem to be working – can you double-check?
May 26, 2019 at 12:34 am #910990carlosHola, a ver si puede verla ahora…
May 26, 2019 at 4:41 am #911071DavidStaffCustomer 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.
June 23, 2019 at 6:03 pm #939042carlosComo 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 #939068LeoStaffCustomer SupportHmm using the exact same format should work.
Where are you adding the CSS David provided?
June 23, 2019 at 7:32 pm #939070carlosHola 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 #939072LeoStaffCustomer 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?
June 24, 2019 at 5:35 am #939385carlosBuenas 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 #939407DavidStaffCustomer SupportI edited the CSS here:
https://generatepress.com/forums/topic/cambiar-fuente-de-los-botones/#post-911071
Try that
June 24, 2019 at 5:48 am #939415carlosBuenas David, es asi exactamente como lo tengo.
Un saludo
June 24, 2019 at 5:51 am #939421DavidStaffCustomer SupportSo that is working now?
June 24, 2019 at 5:56 am #939427carlosNo, 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 #939441DavidStaffCustomer 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.
June 24, 2019 at 6:34 am #939462carlosMuchas Gracias David!!!!
Ahora si funciona.
Un saludo 😉
-
AuthorPosts
- You must be logged in to reply to this topic.