Centrare Logo su protostar

[Gianluca_84]

Ciao a tutti, dopo 3 ore di letture e tentativi vari mi arrendo e chiedo aiuto a qualcuno che mi possa aiutare in questa operazione. Devo centrare il logo ma non riesco a capire il comando corretto quale sia.


www.techtronic.it


Qualcuno mi da una mano?


Grazie.

[adottauncane]

Ciao,
sarebbe meglio avessi un file custom.css se non ce l'hai correggi così la riga 7002 del file template.css

Codice: [Seleziona]

.brand {    color: #004466;    text-align: center;    transition: color 0.5s linear 0s;    width: 100%;}
e se vuoi il cerca su correggi così la riga 1404

Codice: [Seleziona]

.input-append, .input-prepend {    display: inline-block;    font-size: 0;    margin-bottom: 9px;    margin-top: -360px;    vertical-align: middle;    white-space: nowrap;}

[Gianluca_84]

Ciao, grazie per l'aiuto! Funziona perfettamente!

[Gianluca_84]

Continuo qui visto che bene o male si tratta della stessa cosa. E' possibile fare in modo che le immagini nel riquadro in alto a destra si centrino da sole? Facendo prove sono riuscito a centrare quella attuale impostando un margine ma se un domani cambio immagine credo che debba rifare tutto. Esiste il modo per fa si che faccia automaticamente?

[adottauncane]

Non so se ho capito cosa ti serve, comunque prova così:

Codice: [Seleziona]

.well img {    margin: auto;}.well {    text-align: center;}
lo metti in fondo al file template.css

Però sarebbe meglio fare un file costum altrimento con un aggiornamento rischi di perdere le modifiche.

http://www.joomla.it/e-ancora/articoli-community-3x/7374-mini-guida-alla-personalizzazione-del-template-protostar.html#Personalizzare_il_css

[Gianluca_84]

C'è qualche guida per imparare a creare un custom.css?

[giusebos]

qui ci trovi un mio articolo

icagenda.it/sovrascrivere-i-css-e-perche.html

[adottauncane]

Ti ho messo il link...

[Gianluca_84]

Ho letto entrambi e ho capito come funziona ma non saprei gestire i codici perché sono ignorantissimo in materia    Diciamo che per ora me lo tengo così e studio un po'.


Ora ho anche un altro problema con eshop ma non ho notato se è comparso dopo l'ultimo aggiornamento. Se avete voglia vi metto un link di esempio:


http://www.techtronic.it/index.php/eshop/chiavi-auto/gusci-chiavi-auto/fiat


Guardate il box della quantità cosa fa se aprite la pagina di un singolo prodotto.    Non ho toccato nulla quindi non mi spiego come sia successo.

[adottauncane]

Errore mio.
Alla riga 1405 togli margin-top:-360px;

e metti questo subito dopo

Codice: [Seleziona]

.eshop-search {     
margin-top: -180px;   
}

[Gianluca_84]

Tutto ok! Grazie!!!

[Gianluca_84]

Se volessi provare ad allineare al centro anche i pulsanti della barra di navigazione è complicato?

[adottauncane]

Non è che sia complicato è che non si può se non inserendo una larghezza al menù. Solo che così facendo se dovessi mettere un'altra voce devi cambiarla.

Comunque è questo, poi vedi tu:

Codice: [Seleziona]

.nav-pills  {
  margin:auto !important;
  max-width:810px;
}

[Gianluca_84]

Funziona ed è anche carino così. Ho delle sezioni nascoste che abilito solo per alcuni clienti e il menù comprende altre 2 o 3 voci quindi mi vanno a creare una riga sotto alla barra principale ma il blocco resta centrato. Ho provato a portare da 810 a 1100 px la larghezza e si allineano sulla stessa riga ma non va al centro pagina e resta leggermente a sx la barra, come se tenesse fisso il margine destro e scorre verso sinistra... non so se riesco a spiegarmi 

[adottauncane]

1100 sarà troppo. Devi trovare la misura esatta.

[Gianluca_84]

Se metto meno non ci sta tutto su una riga.

[adottauncane]

Se la misura è esatta otticamente sarà centrato. Altrimenti no. Il margin:auto; centra il blocco...

[Gianluca_84]

Lo immagino ma purtroppo non è così. Ho aumentato piano piano fino a farci stare tutto su una riga ma ad un certo punto inizia a spostarsi di lato. Ho notato che resta centrato se si considera anche il tasto modifica che il pubblico non visualizza ma mi lascia spazio a destra. Allego screen così si capisce meglio.

[Gianluca_84]

Risolto, avevi ragione. Ho ridotto di pochi punti alla volta e si è centrato ma non va bene perché mi servirebbe che si centra da solo indipendentemente da quante voci ho sulla barra. Come abbiamo fatto ora purtroppo si riesce a centrare solo con una singola condizione e basta una voce in più e sposta tutto ma mi sembrava di capire che non c'è altro modo...

[adottauncane]

Non che io sappia...