Avisos
Vaciar todo

Ocultar iconos flotantes  

 
Walter
 Walter
Reputable Member

Hola, me gustaria saber si es posible elegir concretamente los posts id donde se muestren los iconos flotantes del sitio (agregados con codigo en functions) y css personalizado.

Se que es posible ocultarlo en determinadas paginas, pero quisiera que por defecto no aparezcan con excepcion en las paginas que yo indique.

El codigo que uso es este:

// Boton flotante contacto
function bps_call_button () { ?>
<a href="https://estudiowls.com.ar/contacto">
<div id="contact-me">
<p>Consultas Gratis</p>
<img width="50" height="50" src="https://estudiowls.com.ar/wp-content/uploads/2021/01/Icono-Contacto-WLS-ABOGADOS.png" alt="Consultas por correo electronico WLS ABOGADOS LABORALES">
</div>
</a>
<?php
}
add_action('wp_footer', 'bps_call_button');
// Boton flotante WhatsApp
add_action('wp_footer','dcms_add_footer_whatsapp');
function dcms_add_footer_whatsapp () { ?>
<a href="https://wa.me/541122478491">
<div id="whatsapp-me">
<img width="50" height="50" src="https://estudiowls.com.ar/wp-content/uploads/2021/01/Icono-WhatsApp-min.png" alt="WhatsApp online chatea con abogados laborales"> </div>
</a>
<?php
}

 

Gracias!

Contenido solo visible a usuarios registrados

Citar
Respondido : 19/03/2021 12:32 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Walter,

En este caso puedes probar ocultado los iconos de acuerdo a el id de tu pagina, este ID puedes obtenerlos de la URL o abriendo el inspector de elementos de tu navegador

imagen

Una vez los localices el código CSS que debes añadir  es

.page-id-7240 #contact-me {
display: none;
}

Comprueba si con ello logras ocultar lo que deseas

Un Saludo

ResponderCitar
Respondido : 19/03/2021 12:50 pm

Walter
 Walter
Reputable Member

@karen Hola Karen,

Claro, yo ya uso ese metodo, pero quisiera usar algun metodo que sea exactamente al revés ya que solo quiero que se vean los iconos en 2 urls de los 150 que tiene la pagina.

En consecuencia mi pregunta es: puedo hacer que no se muetren los iconos en los posts 1 y 2, en lugar de decir que no se muestren en los 148 restantes?

ResponderCitar
Respondido : 19/03/2021 1:10 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Walter,

Entiendo, en este caso primero debes desactivar los iconos para todas las paginas y luego decidir de acuerdo al page id en cuales deseas se muestre, por ejemplo

/* desactivar botones*/
#contact-me {
display: none;
}

/* activar botones*/
.page-id-7240 #contact-me {
display: block;
}

Verifica si con esto puede configurar lo que deseas

Un Saludo

ResponderCitar
Respondido : 19/03/2021 1:47 pm

Cursos Gratuitos WordPress