¿Cómo edito el estilo de un widget de pie de página en WordPress con HTML?
Cada barra lateral estará contenida dentro de una ID o clase específica. Esto debería ser exclusivo de la barra lateral. Esto incluye la barra lateral establecida en su pie de página donde está colocando sus widgets.
Abra el inspector de su navegador. Puede ver esto haciendo clic derecho en la ventana de su navegador y seleccionando Inspeccionar o como se llame.
- ¿Hay una herramienta disponible que nos diga (lego) si un sitio web está disponible para respondernos o no? ¿O puedo escribir un guión simple para eso?
- ¿Cuánto valen los dominios de 4 letras con un .com?
- ¿Por qué necesitamos saber sobre diseño web?
- ¿Cómo realiza un seguimiento de las diferentes versiones de su código?
- ¿Existen cursos o libros completos en línea sobre Node.js y Express TDD (Test Driven Development)? ¿Está usando Mocha, Chai, Supertest lo suficiente?
Usando el inspector de código que aparece, seleccione la etiqueta principal y cada elemento principal antes de poder encontrar el que contiene todos los widgets en esa barra lateral.
Tome nota de la ID y / o la clase de esa barra lateral.
En WordPress, debe tener la capacidad de agregar estilos CSS personalizados. Si vas a Apariencia >> Personalizar …
… debería poder desplazarse hacia abajo en el panel de la izquierda y ver CSS adicional.
Si no puede, puede instalar un complemento desde el repositorio de WordPress que le permitirá agregar CSS a su tema sin cambiar sus archivos. Sé que Jetpack le permite hacer eso con uno de sus módulos, pero a menos que vaya a usar algunos de los otros módulos, no lo recomendaría.
Allí, puede establecer declaraciones para los widgets específicos en su barra lateral. Por ejemplo, puede declarar lo siguiente:
#sidebar .widget.recent-posts {
……
}
o
#sidebar # Recent-posts-widget-4 {
……
}
Esto afectará el código de este widget específicamente:
Agregue su CSS y puede diseñar su widget como desee, por favor.