• Resuelto sergeekios

    (@sergeekios)


    Buenas tardes. En mi sitio me gustaría hacer más pequeña (menor widht) la barra lateral derecha. Tiene el tema generatepress. He entrado en la hoja de estilo style.css y buscando por sidebar tan solo encuentro especificaciones de los margenes. En google he buscado pero no he encontrado nongun tutorial al respecto. Espero podais ayudarme. Gracias

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Moderador almendron

    (@almendron)

    Yo no lo tocaría. La plantilla tiene varias configuraciones relacionadas con el contenido y la barra lateral, y también unos cuantos estilos:

    .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-33, .grid-35, .grid-40, .grid-45, .grid-5, .grid-50, .grid-60, .grid-65, .grid-66, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95

    El archivo donde están definidas sus propiedades es «unsemantic-grid.css» (dentro de la carpeta CSS). Modificarlo allí no vale porque también hay que modificar «unsemantic-grid.min».

    Por otra parte, tienes que tener en cuenta que la anchura y contenido también va definido en función de la anchura de la pantalla del visitante. Y también cambian los estilos a aplicar en uno y en otro caso.

    Iniciador del debate sergeekios

    (@sergeekios)

    Ante todo y como siempre muchas gracias por contestar. Gracias a ti he conseguido dejar mi blog como queria. Por lo que me comentas no ticare codigo. He visto algun pluggin que modifica el tamaño de la barra lateral. Voy a probarlo. Es que para lo que tengo ubicado en ella se me quedaria mas estetico si fuera algo mas pequeña, pero la verdad es que no es algo de importancia. Enhorabuena por tu labor en este foro y tu ayuda desinteresada.

    Moderador almendron

    (@almendron)

    El tema permite elegir entre varias configuraciones para barra lateral. Para la configuración que tienes tú, podría valerte modificar los dos valores siguientes (que sumen 100):

    .grid-75 {
        width: 75% !important;
    }
    
    .grid-25 {
        width: 25% !important;
    }

    Prueba a poner 80% para el contenido (grid-75) y 20% para la barra lateral (grid-25).
    Lo tienes que añadir en Apariencia > Personalizar > CSS adicional.
    No te puedo asegurar que se reduzca la barra lateral en todos los dispositivos.

    CENTRAR ELEMENTOS BARRA LATERAL

    Si no me equivoco, usas un widgtet «HTML personalizado» y en él metes un iframe. Quedaría mejor si lo pones centrado y así no tendrías que tocar la anchura de la barra lateral.

    <div style="text-align:center;"><iframe....></iframe></div>

    Y gracias por tus comentarios.

    • Esta respuesta fue modificada hace 6 años, 2 meses por almendron.
    Iniciador del debate sergeekios

    (@sergeekios)

    Nuevamente gracias. Es muy raro encontrar en internet personas como tu. Funciona perfectamente, pero es verdad que en la visión movil la barra lateral recorta el contenido, por lo que lo he dejado como estaba. Pero al menos me he quitado la espinita de probar como quedaría, y eso para mi ya es mucho. Y sobretodo gracias por descubrirme los div, son estupendos. Un saludo y si bajas por el sur te debo una caña!

    Moderador almendron

    (@almendron)

    Hay hay mucha gente dispuesta a ayudar. Por fortuna, no soy el único 🙂

    Doy por resuelto el hilo.

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • El debate ‘Disminuir sidebar en Generatepress’ está cerrado a nuevas respuestas.