Cambiar color botón

Carles

Estimable Member

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

Citar

Respondido : 06/08/2022 11:50 am

Pepe

Soporte CMS Webempresa Admin

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:

screenshot restaurantnexe.com 2022.08.06 14 24 18

Prueba añadir lo siguiente en Apariencia -> Personalizar -> CSS Adicional:

.saleType .saleType-button a {
text-decoration: none;
background-color: #d49f0b!important;
}

Un saludo

ResponderCitar

Respondido : 06/08/2022 1:25 pm

Carles

Estimable Member

@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.

ResponderCitar

Respondido : 06/08/2022 1:32 pm

Pepe

Soporte CMS Webempresa Admin

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

ResponderCitar

Respondido : 06/08/2022 5:37 pm