Archived topic
Colocar un widget fijo en barra lateral
15 replies · Started by Pedro on May 6, 2020
Hola! Me gustaría colocar un widget que se quede fijo (estático) al momento de hacer scroll.
Algo como lo hace este sitio: https://woorkup.com/
Esta es el widget que queda fijo: https://mega.nz/file/jocGTaqD#zyV2kxu7eMtmYOf_ox_0IkbL64msa_83se43C-qdH2g
Lo que quiero hacer es crear un widget para colocar un banner publicitario.
Por el momento, he colocado un hook con el banner en mi sitio. Que se ve así: https://mega.nz/file/m9VGRK7C#0q3hCGTUpKb-u5exbwgMU-I_cs5NKzs-93SBl2LSzO8
Hi there,
You can try a plugin like this:
https://en-ca.wordpress.org/plugins/sticky-menu-or-anything-on-scroll/
Hola Leo! Gracias por la ayuda.
Otra pregunta que quería hacer, cómo puedo hacer para que el ancho de la imagen sea igual al ancho de los widgets?
Es que comparando veo que la imagen es un poco más angosta que los widgets.
¿Puedes ayudarme?
The widget area is the same width as seen here:
https://www.screencast.com/t/ZI4DCxPKmRj
Look like the image is using some inline style to set the width so this is something you'd need to check with the plugin support.
Hola Leo!
La verdad no entendí nada de lo que me dijiste.
A cual soporte de qué complemento debo escribir?
How is that widget added?
Hola Leo! Como comenté al inicio del post, lo que hice fue colocar un hook después de los widgets de la barra lateral. Este hook es el que contiene la imagen.
Por el momento, he colocado un hook con el banner en mi sitio. Que se ve así: https://mega.nz/file/m9VGRK7C#0q3hCGTUpKb-u5exbwgMU-I_cs5NKzs-93SBl2LSzO8
What if your hook content?
Any reasons why you can't use a widget?
No quise usar un widget ya que si lo hago, automáticamente le colocará un borde de relleno a la imagen.
Lo que deseo es que la imagen ocupe todo el ancho de la barra lateral.
Can you try adding as the widget first?
I can provide the CSS to remove the padding.
Hola Leo! Claro que sí.
Ya he puesto un widget con la imagen, gracias!
This would remove the padding on that widget:
.sidebar #text-3 {
padding: 0;
}
You will still notice some space on the left and right and that's because the image itself isn't wide enough.
¡Gracias Leo!
No problem :)
hello, some way to do this but without resorting to a plugin, because my entries are long and I would like the notices to move with the user once he advances.