Autore Topic: [RISOLTO] Ingrandire dimensione logo  (Letto 959 volte)

Offline a30n

  • Esploratore
  • **
  • Post: 104
    • Mostra profilo
[RISOLTO] Ingrandire dimensione logo
« il: 23 Dic 2020, 18:20:01 »
Buonasera,
come è possibile ingrandire il logo? Se provo ad inserire una immagine con dimensioni maggiori esce male. Come posso cambiare le impostazioni per poterne inserire uno più grande?

Grazie anticipatamente
« Ultima modifica: 26 Dic 2020, 12:30:06 da a30n »

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21523
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Ingrandire dimensione logo
« Risposta #1 il: 23 Dic 2020, 19:24:17 »
definisci "esce male" in italiano
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline a30n

  • Esploratore
  • **
  • Post: 104
    • Mostra profilo
Re:Ingrandire dimensione logo
« Risposta #2 il: 24 Dic 2020, 11:32:00 »
Ho riprovato stamattina a mettere un logo molto più grande come dimensioni(1200x300), ma purtroppo il logo in home page rimane invariato (rimane delle dimensioni standard).


Le opzioni che mi da in backend il template (favourite) sono queste:





Mi sapete dire come fare per poter aumentare le dimensioni?
Grazie

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:Ingrandire dimensione logo
« Risposta #3 il: 24 Dic 2020, 13:39:40 »
Il div contenitore dell'header del tuo template, come quasi tutti, assegna il 25% dello "spazio" a sinistra per l'immagine del logo (il restante 75% va al menu). Dato che il "container" del template è largo 1170px, ne deriva che il logo ha a disposizione circa 292px (parliamo, almeno, di visualizzazione da desktop sopra i 1200px, dati del tuo template). E in effetti il tuo logo, che nativamente è di 1.291px × 250px, viene ridimensionato a 223px × 43px (parlo sempre di visualizzazione desktop).
Detto questo, per avere un logo più grande, è necessario modificare le proporzioni assegnate alle posizioni logo e menu nell'header, cosa che se non si può fare dal backend del template, si può fare utilizzando mediaquery css tipo:
Codice: [Seleziona]
@media only screen and (min-width: 1200px) {
  #fav-logo.favth-col-lg-3 {
    width: 40%;
}
}
Codice: [Seleziona]
@media only screen and (min-width: 1200px) {
  #fav-nav.favth-col-lg-9 {
    width: 60%;
}
}
Da qui, poi, bisogna comunque impostare altre regole per adeguare le proporzioni di logo e menu alle varie risoluzioni, e le cose cambierebbero ulteriormente nel caso tu aggiungessi altre voci di menu...
Vedi un po' tu...

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21523
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Ingrandire dimensione logo
« Risposta #4 il: 24 Dic 2020, 13:40:00 »
non è che sai fai un logo più grande risolvi, è questioni di spazio.

Io anni fa comprai una panda 4x4, ma poi ho dovuto rivenderla perchè il mio garage è solo 2x2.  ;D ;D ;D ;D ;D

elimina 20px dal margin e sostituisci con 0px e vedrai che un po' più grande diverrà quel logo.

Se lo desideri vedere ancora più grande devi modificare il CSS del template.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline a30n

  • Esploratore
  • **
  • Post: 104
    • Mostra profilo
Re:Ingrandire dimensione logo
« Risposta #5 il: 24 Dic 2020, 15:18:31 »
Grazie ad entrambi. Limma, ma quel codice che mi citi dove devo inserirlo? In theme.css?


All'interno del CSS mi ritrovo questo codice:


Citazione
#fav-logo h1 {
  margin: 0;
}
#fav-logo h1 a {
  display: block;
  text-align: left;
}
.default-logo {
  margin: 23px 0px 0px;
}
.default-logo,
.media-logo {
  display: block;
  padding: 0;
  line-height: 0;
}
.default-logo img, /* image alt tag styling */
.media-logo img {
  line-height: 1em;
  font-size: 21px;


Potreste gentilmente indicarmi cosa modificare?
« Ultima modifica: 24 Dic 2020, 15:21:44 da a30n »

Offline Limma

  • Abituale
  • ****
  • Post: 1209
  • Sesso: Maschio
    • Mostra profilo
Re:Ingrandire dimensione logo
« Risposta #6 il: 24 Dic 2020, 17:08:20 »
Limma, ma quel codice che mi citi dove devo inserirlo? In theme.css?
Il tuo template ha un file custom.css: usa quello; è il file deputato per inserire tutte le regole css che modificano i css nativi del template e, di norma, non viene toccato in caso di aggiornamento del template stesso.

Le modifiche che avevo suggerito prima erano solo un "punto di partenza" e toccano direttamente il comportamento dei due div logo e menu al variare della risoluzione orizzontale, e aggiungo che sono una soluzione "indiretta" perché la modifica andrebbe fatta a livello di template, cambiando le impostazioni originali che gestiscono la divisione in colonne del div header al variare delle risoluzioni. Va da sè che la cosa non è banale e in qualche modo nemmeno così strettamente necessaria, per cui anche la soluzione via css può essere accettabile. Aggiungo solo che quasi sempre le modifiche ai css hanno effetti "a cascata", e anche le due che ho suggerito ne hanno, ma qui andiamo davvero troppo oltre...

Rivedendo il tuo sito potrei anche azzardare, in sostituzione delle due regole css precedenti:
Codice: [Seleziona]
@media only screen and (min-width: 992px) {
  #fav-logo.favth-col-lg-3 {
    width: 40%;
}
}
@media only screen and (min-width: 992px) {
  #fav-nav.favth-col-lg-9 {
    width: 60%;
}
}

Il tuo template, poi, ha un comportamento del tutto diverso tra i 768px e i 991px, e anche dai 767px in giù (quando compare il menu da mobile) ci sarebbe qualcosa da modificare, direi...

Offline a30n

  • Esploratore
  • **
  • Post: 104
    • Mostra profilo
Re:Ingrandire dimensione logo
« Risposta #7 il: 26 Dic 2020, 12:19:41 »
Ciao Limma,
come puoi vedere hai risolto il problema! grazie mille davvero!


grazie!!


risolto
« Ultima modifica: 26 Dic 2020, 12:28:59 da a30n »

Offline a30n

  • Esploratore
  • **
  • Post: 104
    • Mostra profilo
Re:[RISOLTO] Ingrandire dimensione logo
« Risposta #8 il: 06 Gen 2021, 17:34:17 »
Ciao a tutti,
riapro il post perchè inerente al problema precedente. Adesso, se possibile, vorrei chiedere la gentilezza a Limma se può fornirmi il codice, che mi ha gia fornito per visualizzazione desktop, anche per ingrandire il logo per versione mobile.


Grazie anticipatamente

Offline marine

  • Moderator
  • Instancabile
  • *****
  • Post: 6175
  • Sesso: Maschio
    • Mostra profilo
Re:[RISOLTO] Ingrandire dimensione logo
« Risposta #9 il: 06 Gen 2021, 17:54:18 »
Non si riaprono i post risolti e vige la regola di una sola domanda per post, inoltre considera che questo è un forum dove si dispensa conoscenza, non un aiuto ad personam ai webmaster in difficoltà.

 

Host

Torna su