Buenas tardes,
Me gustaría cambiar el botón, tal y como describo en la imagen adjunta, es decir, cambiar de color el fondo y el texto. Pertenece a esta página: https://restaurantnexe.com/inici
Se trata de un código html de TheFork para reservas, introducido en elementor pro a través de "Editar HTML". ¿Me podríais ayudar por favor?
Muchas gracias.
Contenido solo visible a usuarios registrados
Hola Carles.
No tenemos nada adjunto, si puedes adjunta de nuevo la captura para ver que boton es el que quieres modificar.
Si te refiere a este boton:
Prueba añadir lo siguiente en Apariencia -> Personalizar -> CSS Adicional:
.saleType .saleType-button a {
text-decoration: none;
background-color: #d49f0b!important;
}
Un saludo
@pepesoler Hola Pepe, sí, es ese el botón, adjunto la imagen.
He introducido el código pero sigue mostrando el mismo color, no ha habido ningún cambio.
Hola Carles.
El problema es que estas insertando esa sección con un Iframe y coge los estilos preconfigurados de ese iframe:
Puedes probar a modificar el script que tienes añadido en ese módulo por el siguiente código:
<div class="belt body-belt">
<div class="container">
<h1 class="belt-header">Nexe</h1>
<h2 class="belt-subHeader">
Carrer d'Abeuradors, 4, 17004
Girona
</h2>
</div>
</div>
<div class="tf-widget-button"><a class="tf-button-link" href=" https://module.lafourchette.com/es_ES/module/740325-048f 8" target="_blank" rel="noopener">
Reserva una taula</a></div><style>.tf-widget-button{opacity:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid;z-index:9999999;background-color:#d49f0b;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;height:42px;width:220px;}.tf-button-link{text-decoration:none;color:#fefefe;font-family:Raleway,sans-serif;font-size:1.1em;width:100%;text-align:center}.tf-button-link:hover{font-weight:700}</style>
En este enlaces tienes algunos códigos para poder modificar el estilo del boton:
-> https://calendarexamples.thefork.com/es/customer/?uid=730732&lang=es_ES
Un saludo