• Resuelto elvis0110

    (@elvis0110)


    Buenas. Me gustaria reducir el tamaño del menu lateral y por ende aumentar el de la parte derecha pero mis conocimientos en el mundo de CSS son nulos. Todo lo que he hecho hasta ahora ha sido instalar el plugin jetpack para modificar el CSS pero en el tema que tengo (Spacious) no me aparece nada, ¿esto es normal? ¿Cómo podría realizar esta modificación?
    Muchas gracias de antemano.

    El blog con el que necesito ayuda es prebenda.com.

Viendo 9 respuestas - de la 1 a la 9 (de un total de 9)
  • Moderador Rafa Poveda

    (@bi0xid)

    Buenas.

    Sí, es normal. El espacio de CSS para que tú puedas tocar viene limpio. Cualquier modificación que hagas debería aplicarse directamente sobre la CSS del tema, modificándola.

    Para modificar tu espacio puedes jugar con estos dos valores. Harán que tu barra lateral izquierda sea más pequeña (secondary) y el espacio principal (primary) sea más grande.

    #secondary {
        width: 20%;
    }
    #primary {
        width: 75%;
    }

    Un saludo.

    Iniciador del debate elvis0110

    (@elvis0110)

    Funciono, muchísimas gracias por la ayuda!
    Un saludo.

    Moderador Rafa Poveda

    (@bi0xid)

    De nada. Marco como resuelto :).

    Iniciador del debate elvis0110

    (@elvis0110)

    Aunque ahora veo que en la versión móvil se ve un poco mal, ya que el antes el menú lateral aparecía en la parte inferior de la pagina y ahora aparece en el lateral pero muy ajustado, ¿esto se podría cambia?

    Moderador Rafa Poveda

    (@bi0xid)

    Buenas. Parece que las reglas que has añadido están prevaleciendo sobre las del responsive.

    Añádele a continuación de nuevo las reglas de responsive que tienes en el CSS principal:

    @media screen and (max-width: 767px) {
      #primary, #secondary {
          float: none;
          width: 100%;
          margin: 0;
      }
    }

    Con eso debería funcionar.

    Un saludo.

    • Esta respuesta fue modificada hace 7 años, 7 meses por Rafa Poveda. Razón: correción en el código
    Iniciador del debate elvis0110

    (@elvis0110)

    Cuando doy click en guardar hoja de estilo con los datos que me has facilitado me aparece «Nota: Se restablecerá CSS personalizado al cambiar los temas» y me desaparece la parte de:
    float: none;
    width: 100%;
    margin: 0;

    Moderador Rafa Poveda

    (@bi0xid)

    Te la he reescrito. Me faltaban dos corchetes.

    Prueba de nuevo, por favor.

    Iniciador del debate elvis0110

    (@elvis0110)

    Ahora si, de nuevo, ¡muchas gracias por la ayuda!
    Un saludo

    Moderador Rafa Poveda

    (@bi0xid)

    De nada 🙂

Viendo 9 respuestas - de la 1 a la 9 (de un total de 9)
  • El debate ‘Cambiar tamaño del menu lateral izquierdo’ está cerrado a nuevas respuestas.