Avisos
Vaciar todo

Cambiar color botón

4 Respuestas
2 Usuarios
0 Reactions
28 Visitas
Respuestas: 111
Estimable Member
Topic starter
 

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


 
Respondido : 06/08/2022 10:50 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member 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


 
Respondido : 06/08/2022 12:25 pm
Respuestas: 111
Estimable Member
Topic starter
 

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

Color CTA

 


 
Respondido : 06/08/2022 12:32 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Carles.

El problema es que estas insertando esa sección con un Iframe y coge los estilos preconfigurados de ese iframe:

screenshot-nimbusweb.me-2022.08.06-17_05_37.jpg

 

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

 


 
Respondido : 06/08/2022 4:37 pm