Salta al contenuto
  • Categorie
  • Recenti
  • Tag
  • Popolare
  • Utenti
  • Gruppi
Collassa
Logo del marchio
  1. Home
  2. Templates & Estensioni
  3. gestione larghezza side bar di cassiopeia

gestione larghezza side bar di cassiopeia

Pianificato Fissato Bloccato Spostato Templates & Estensioni
3 Post 2 Autori 31 Visualizzazioni
  • Da Vecchi a Nuovi
  • Da Nuovi a Vecchi
  • Più Voti
Effettua l'accesso per rispondere
Questa discussione è stata eliminata. Solo gli utenti con diritti di gestione possono vederla.
  • T Online
    T Online
    teopieri
    scritto ultima modifica di
    #1

    Buongiorno a tutti,
    avrei per cortesia bisogno di sapere come posso stringere lo spazio occupato dalle due sidebar del template cassiopeia, senza stravolgere tutto.
    Lo scopo è di lasciare più spazio al contenuto centrale (aricoli).
    Ho degli articoli che per loro natura contenendo tabelle, non vorrei dover stringere troppo il font, vorrei piuttosto che le due sidebar che per ciò devono contenere occupassero meno spazio: vale a dire lo user-menu e il login/logout form.
    Tuttavia quest'ultimo lo posso togliere ma cmq mi serve che resti a disposizione lo user menu le cui voci sono allineate a sx, che può andarmi bene ma poi hanno un sacco di spazio a dx inutilmente vuoto che mi farebbe comodo guadagnarlo appunto a favore dello spazio centrale dedicato ad ospitare gli articoli.
    Ringrazio anticipatamente chi avesse la pazienza di leggermi ed eventualmente rispondermi.
    In ogni caso buona giornata a tutti.
    Filippo.

    1 Risposta Ultima Risposta
    0
    • jabbaJ Non in linea
      jabbaJ Non in linea
      jabba
      scritto ultima modifica di jabba
      #2

      Qui ci vuole un frontendista che sappia usare grid (che io odio tantissimo 😂 )
      Sicuramente devi lavorare di css (facendo un override delle regole dentro il tuo user.css) e la regola da cambiare è questa:

          .site-grid {
              grid-gap: 0 1em;
              grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 19.875rem)) [main-end] minmax(0, 1fr) [full-end];
              grid-template-areas:
              ".banner banner banner banner."
              ".top-a top-a top-a top-a."
              ".top-b top-b top-b top-b."
              ".comp comp comp comp."
              ".side-r side-r side-r side-r."
              ".side-l side-l side-l side-l."
              ".bot-a bot-a bot-a bot-a."
              ".bot-b bot-b bot-b bot-b.";
              display: grid;
          }
      

      più nello specifico direi che devi modificare questa:

      grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 19.875rem)) [main-end] minmax(0, 1fr) [full-end];
      

      ma non saprei dirti come, forse un chatgpt può aiutarti meglio di me qui

      Gianluca Gabella - smanettone IT, webbarolo, Joomler per passione - pixed.it

      1 Risposta Ultima Risposta
      1
      • T Online
        T Online
        teopieri
        scritto ultima modifica di
        #3

        Grazie. Nn sapevo dove andare a mettere le mani.
        Posso provare nello strumento di analisi del browser per fare dei test e poi eventualmente le vado a piazzare in users.css.
        Grazie

        1 Risposta Ultima Risposta
        1

        • Accedi

        • Non hai un account? Registrati

        • Accedi o registrati per effettuare la ricerca.
        Powered by NodeBB Contributors
        • Primo post
          Ultimo post
        0
        • Categorie
        • Recenti
        • Tag
        • Popolare
        • Utenti
        • Gruppi