Pregunta sobre Arreglando WordPress de Wordpress:

Menú de la barra lateral de ayuda de CSS de navegación

Un usuario preguntó 👇

Hola,

Estoy tratando de personalizar un menú de navegación de la barra lateral en mi sitio web, pero cuando agrego algo de CSS personalizado (después de mucho trabajo de detective tratando de encontrar algo que funcione), no parece deslizarse sobre un fondo de bloque, por lo que El separador de línea horizontal no se extiende a lo largo de toda la barra lateral. También quiero eliminar las viñetas que no creo que sean correctas.

He tomado una foto de lo que quiero decir, espero aclarar cualquier confusión:
https://ibb.co/moiaG7

El CSS personalizado que habilito actualmente es el siguiente:

.widget_nav_menu a {
    border-bottom-style: solid;
    border-bottom-color: #7e7e7e;
    border-bottom-width: 1px;
    display: block;
    white-space: nowrap;
    padding: 5px 5px;
    color: #58585a!important;
    font-family: lato;
    font-weight: regular; }

.widget_nav_menu a:hover {
    color: #9a3690!important;
    background: #e7e7e7!important;
}

¿Alguien tiene alguna sugerencia sobre cómo solucionar esto? Solo tenga en cuenta: necesitaría que las líneas de separación, así como el desplazamiento sobre la carretera, tengan el mismo ancho para todos los elementos del menú, no solo que se extiendan hasta el final del texto.

Como otra pregunta que me molesta, ¿hay alguna manera de hacer que la navegación de la barra lateral parezca un poco más baja? Actualmente, el contenido real de la página es visible debajo de la barra lateral, y prefiero mostrarlo alineado con el comienzo del primer párrafo, y no encima del título de la página (con suerte, otra imagen ayudará con la explicación: https://ibb.co/hjBbpS – Quiero que el menú de navegación comience debajo de la línea roja).

¡Muchas gracias de antemano!

Jalaah86

Este tema fue modificado hace 2 años, 8 meses por. Este tema fue modificado hace 2 años, 8 meses por. Este tema fue modificado hace 2 años, 8 meses por.

(@ jalaah86)

Hace 2 años, 8 meses

Ooh, está bien, bueno, sorprendentemente, me las arreglé para lograr algo de lo que estaba intentando.

Inserté una barra lateral derecha (para gráficos en miniatura) así como la barra lateral izquierda para navegación, y de repente se anuló el color de fondo y las líneas de separación terminaron extendiéndose por toda la longitud de la barra lateral.

Sin embargo, todavía hay algunos problemas:

1) Las líneas de separación y el color de fondo de desplazamiento ahora se estiran demasiado. Quiero que sean alrededor del 75-80% de lo que son actualmente.

2) Todavía estoy tratando de averiguar cómo eliminar las viñetas

3) Todavía estoy tratando de averiguar cómo mostrar el contenido de la barra lateral en la parte inferior, de modo que esté en línea con el comienzo del primer párrafo y no con el título de la página.

Agregue otra pantalla como referencia: vea mis increíbles habilidades de dibujo con el mouse.
https://ibb.co/cgjUR7

Esta respuesta fue modificada hace 2 años, 8 meses por.

(@jaycbrf)

Hace 2 años, 8 meses

Lo sentimos, aunque las capturas de pantalla son útiles para aclarar su problema, no hay forma de resolverlo sin un enlace a la página real para que podamos explorar el código y probar CSS.

(@ jalaah86)

Hace 2 años, 8 meses

Ah, perdón por eso – primera vez en estos foros. Este es solo un enlace de sitio temporal mientras estaba construyendo el sitio web:
http://kerryserviceswip.xyz/translation-services

Aunque estas páginas parecen usar barras derecha e izquierda para todas las páginas, todavía tengo otro problema: solo quiero que el menú secundario en la barra lateral izquierda aparezca en «Servicios de traducción».

«Otros servicios», «Nuestro enfoque» e «Industrias» requerirían sus propios menús secundarios separados (actualmente todas estas páginas se agregan al menú «Servicios de traducción» … es que lo que puedo o tengo que repetir pensando sobre todo el arreglo?

Y noté que tengo el texto «Inicio Servicios de traducción» en la imagen del encabezado. ¿Se puede mover de alguna manera para que aparezca en una barra delgada (del mismo color que la barra de menú) debajo de la imagen del encabezado?

Esta respuesta fue modificada hace 2 años, 8 meses por. Esta respuesta fue modificada hace 2 años, 8 meses por.

(@ jalaah86)

Hace 2 años, 8 meses

Aunque estas páginas parecen estar usando barras laterales derecha e izquierda para todas las páginas, todavía tengo otro problema, ya que solo quiero que el menú secundario en la barra lateral izquierda aparezca en «Servicios de traducción».

«Otros servicios», «Nuestro enfoque» e «Industrias» requerirían sus propios menús secundarios separados (actualmente todas estas páginas se agregan al menú de «Servicios de traducción» … es lo que es posible o tengo que repetir el pensamiento todo el arreglo?

Esta parte de mi comentario anterior se puede ignorar: probé el plugin Easy Custom Sidebars y he creado barras laterales únicas a la izquierda y a la derecha para cada página. Quería editar mi comentario, pero se dice que todavía se mantiene por moderación.

(@jaycbrf)

Hace 2 años, 8 meses

Todo se puede hacer con WordPress, que es lo que lo hace tan lindo. Solo tendrá que atacar todos los problemas a la vez y es posible que tenga que ensuciarse las manos con algún código. Podrás encontrar todas las respuestas aquí o en google …

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *