Boton flotante lateral

Hola

No he visto algo parecido, la mayoría son de redes sociales o similar, sin embargo podrías usar alguno que te muestra un ícono y modificarlo manualmnete.

Prueba instalar alguno y nos comentas para verificar.

Saludos.

Buenas tardes John,

Cómo podría cambiar ese icono por una palabra? Los iconos vienen predeterminados.

Gracias

Hola

Tal como te comenté deja algun plugin activo con un icono y su link creado y envíanos el link de la página exacta en donde se muestra en tu sitio web y también el link del plugin que estas usando para revisar

Saludos.

Buenos días,

He creado este boton con este link: https://www.corretureto.com/wp-admin/admin.php?page=Buttonizer

Se encuentra en esta página, abajo a la izquierda con un icono de avión de papel: https://www.corretureto.com/

El nombre del plugin es buttonizer.

Y lo que me gustaría es, en vez de que salgo un icono, que salga una palabra, por ejemplo ENTRENAMIENTO ONLINE

Gracias,

Hola Pablo.

Revisa este plugin -> https://es.wordpress.org/plugins/float-menu/

Puedes añadir tanto iconos como texto en los botones.

Un saludo

Buenas Pepe,

Lo he instalado y me podría servir. Pero no entiendo porque no me deja cambiar el color del botón. En el plugin me sale como si lo cambiase. No veo que me pida upgrate a proversion ni nada por el estilo. Veo que en la configuración se cambia, pero cuando lo veo en mi web no. Sabrías decirme que ocurre?

web: https://www.corretureto.com/
link plugin: https://www.corretureto.com/wp-admin/admin.php?page=float-menu&tool=add&act=update&id=1&info=update

Gracias

Hola Pablo.

Podrías cambiarlo por css, por ejemplo para modificar el primer icono .

.- Edita el archivo style.css que encontraras en la ruta wp-content/themes/onepress/style.css y añade lo siguiente:

.fm-item-0 .fm-icon, .fm-item-0 a:hover .fm-icon, .fm-item-0 .fm-label {
color: #fff;
background-color: #1EB8EB;
}

En este enlace tienes un tabla de colores -> http://htmlcolorcodes.com/es/

Un saludo

Hola Pepe,

Entiendo perfectamente lo que me dices. Pero no sé dónde encontrar esa ruta.

Debería ir detrás de mi web? https://www.corretureto.com/wp-admin/wp-content/themes/onepress/style.css ?? Es que ahí no me sale.

O tengo que añadir lo que me has dicho en https://www.corretureto.com/wp-admin/theme-editor.php?file=style.css&theme=onepress&scrollto=2065 ?? A qué altura debería añadirlo?

Gracias

Hola Pablo.

ok. Accede a tu cuenta de cPanel -> Administrador de archivos

.- Accede a la carpeta Public_html

.- Accede a la carpeta wp-content -> themes -> onepress

La carpeta onepress es donde tienes todos los archivos de tu plantilla.
.- Edita el archivo style.css seleccionando con el boton de la derecha y pullsando en " Edit "

Al final de ese archivo añade el código que te adjunte antes.

Un saludo

Hola Pepe, he hecho todo como me has dicho, pero no se cambia el color del icono.

He probado poner varios colores como te adjunto en la imagen.

Le doy a guardar cambios, y los iconos me salen del mismo color.

Hola

Prueba con el siguiente código CSS:

.float-menu .fm-item-1 .fm-label.fm-show{
	background:yellow;
	color:green;
}

.float-menu .fm-item-1 .fm-icon{
	background:yellow;
	color:green;	
}

Agrega este código al final del archivo style.css de tu theme, puedes cambiar los colores yellow y green una vez te asegures que funciona.

PD. Ten en cuenta que cuando haces cambios CSS tienes que refrescar tu navegador para ver los cambios.

Saludos.