Avisos
Vaciar todo

Cambiar color botón  

 
Carles
 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
 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

Cursos Gratuitos WordPress

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

Color CTA

 

ResponderCitar
Respondido : 06/08/2022 1:32 pm
Pepe
 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:

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

 

ResponderCitar
Respondido : 06/08/2022 5:37 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress