it-swarm-eu.dev

Come si modifica la larghezza della dimensione del contenitore del modello Protostar predefinito fornito con Joomla 3.3.6

La larghezza predefinita (contenitore) del modello protostar è impostata su 960 px, nel layout statico reattivo predefinito. Ho bisogno che il modello protostar rimanga nel layout statico reattivo, ma con una larghezza di 1150px, nel layout statico reattivo.

Come posso modificare la larghezza fissa (contenitore) (da 960px a 1150px) nel layout statico reattivo, del modello protostar predefinito?

Capisco, potrebbe essere necessario creare un nuovo file CSS e eventualmente aggiungerlo a un altro file.

Se puoi dirmi tutti i passaggi necessari, al fine di modificare la larghezza fissa da 960px a 1150px, rimanendo nel layout statico reattivo del modello di protostar predefinito, sarebbe davvero molto apprezzato!

Grazie mille

1
Tim

Dovresti cambiare templates/protostar/css/template.css:

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 940px;
}
.span12 {
width: 940px;
}
.offset12 {
margin-left: 980px;
}
.container {
max-width: 960px;
}

Ma è possibile che queste modifiche vengano sovrascritte al prossimo aggiornamento. Ti consiglio per copiare il modello Protostar e apportare le modifiche necessarie.

Modifica: da Joomla 3.5.0 è possibile creare un file CSS personalizzato in /templates/protostar/css/user.css che verrà caricato automaticamente e non verrà sovrascritto da futuri aggiornamenti del modello.

1
Dmitry Rekun

La larghezza è impostata nel file templates/protostar/css/template.css, come ha sottolineato Dmitry, ma poiché il modello Protostar fa parte del core di Joomla, eventuali modifiche potrebbero essere eliminate durante l'aggiornamento di Joomla.

Innanzitutto, crea una copia del modello (se non l'hai già fatto). Le istruzioni possono essere trovate qui . Usa qualsiasi nome che ti piace, ma evita spazi e caratteri speciali.

Personalmente trovo il Protostar template.css file un po 'disordinato (quasi 7500 righe di codice). Penso che sia meglio creare un nuovo file per le sostituzioni CSS. Chiamalo come preferisci (io uso custom.css) e posizionalo nel templates/YOURTEMPLATENAME/css/.

Ora modifica il file templates/YOURTEMPLATENAME/index.php. Poco prima della chiusura </head> tag (aprox. linea 121), aggiungi il seguente codice:

<?php
  $doc->addStyleSheet(JUri::base() . 'templates/' . $this->template . '/css/custom.css', $type = 'text/css', $media = 'screen,projection');
?>

Questo dovrebbe caricare il tuo file CSS dopo tutto il resto. Aggiungi eventuali modifiche a questo file.

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 1130px;
}
.span12 {
width: 1130px;
}
.offset12 {
margin-left: 1170px;
}
.container {
max-width: 1150px;
}

Modifica: da Joomla 3.5.0 è possibile creare un file CSS personalizzato in /templates/protostar/css/user.css che verrà caricato automaticamente e non verrà sovrascritto da futuri aggiornamenti del modello.

1
johanpw