Template Purity iii Logo

[mistrio]

Salve a tutti,


sto cercando in vano di modificare le dimensioni del logo del template in oggetto, per inserirne uno più grande, ho seguito la guida sul sito ufficiale:
https://www.joomlart.com/documentation/purity-iii/customization


ho modificato le voci trovate sia sul file style.less



// Logo Image
// ----------
.logo-image {
  > a {
    max width: 1500px;
    max height: 500px;


    > img {
      max-width: 100%;
    }
  }


  // Hide sitename and slogan
  span, small {
    display: none;
  }


che sul file template.css


[size=78%]}[/size]

.logo-image > a {
  max-width: 1200px;
  max-height: 700px;
}
.logo-image > a > img {
  max-width: 100%;


ma purtroppo senza concludere nulla, le dimensioni rimangono invariate, qualcuno ha esperienza in merito ??

[ItalPascal]

Secondo me era sufficiente impostare in custom.css le impostazioni del logo.


Vedi image ( ovvio che fa schifo, ma ho semplicemente impostato altezza nelle classi relative al logo )

[mistrio]

Grazie per la risposta,


ho provato a cercare il file che hai descritto ma non lo trovo, dove è collocato ?

[ItalPascal]

Se non esiste lo crei e lo inserisci nella cartella. CSS

[mistrio]

ok ho creato un file di testo successivamente rinominato custom.css con il seguente codice :



.t3-logo {
  width: 1182px;
  height: 250px;
}
.t3-logo-small {
  width: 1160px;
  height: 630px;


ma non succede nulla, sono alle prime armi, gentilmente puoi essere più dettagliato?

[ItalPascal]

MA le classi sono queste ( vedi image )

[mistrio]

Onestamente non so che risponderti, sono alle prime armi, non ho mai creato un file da codice..

[ItalPascal]

nel custom.css devi inserire i tuoi valori delle classi che vedi nell'image


ad esempio :  logo-img


 quindi nel custom scriverai :
 
   .logo-img{
   Altezza: numero.px;
  }


 Fai le tue prove fino ad arrivare al risultato che vuoi.


ps: certo è strano voler vedere un logo di quelle dimensioni 

[mistrio]

le dimensioni che vedi scritte erano solo per prova,  il logo non sarà cosi grande.. 


purtroppo continuo a non capire, per valori delle classi indenti i pixel ??


Devo copiare interamente il codice che vedo nell'immagine inserendo le dimensioni in pixel ??


Gentilmente puoi scirvere l'intero codice come deve essere inserito nel file custom.css, cosi creo il file e faccio le prove variando le dimensioni ?


grazie per la pazienza...
 

[ItalPascal]

Ripeto, io ho messo tutto a caso, tu metterai le tue nel custom.css



.logo{
  width:500px;
  height:500px;
 
.logo-img{
  width:500px;
  height:500px;
}
.logo-image{
  width:500px;
  height:500px;
}


Poi magari se vuoi fare una forzature puoi mettere :
max-width:200px;max-height:200px;

[mistrio]

ok qualcosa si muove.....


Ho creato il file e inserito sotto la cartella css, ho fatto svariate prove variando il dato px


delle tre stringhe l'unica che funziona e la prima:




.logo{
  width:300px;
  height:350px;
 
.logo-img{
  width:0px;
  height:0px;
}
.logo-image{
  width:0px;
  height:0px;
}




Tuttavia quando vario i pixel, il logo rimane sempre delle dimensioni di default e si ingrandisce la la striscia sotto:

[mistrio]

Ho fatto altre prove, in effetti riesco a variare le dimensioni del logo pero non posso andare oltre i 160x55
se inserisco dei dati più bassi il logo si riduce se inserisco de dati più alti il logo rimane sempre uguale


credo che ci sia una limitazione scritta da qualche parte, infatti le dimensioni 160x55 corrispondono alle dimensioni del logo purity predefinito 

[mistrio]

rettifico ancora, posso aumentare l'altezza ma non la larghezza:

[mistrio]

Proprio nessun suggerimento 

[maxzilla]

Ciao Mistrio,
senza vedere il sito e' difficile.
Probabilmente c'e' un max-width: 160px; e max-height: 55px; da qualche parte.

Visto che il template e' responsive, potresti trovarlo nella parte del css che definisce le regole per le diverse risoluzioni dello schermo.

oppure stai usando il tuo logo di 160x55pixel  e nel css potrebbe essere scritto di non superare la dimensione originale

[mistrio]

Ti ringrazio per la risposta,


ho modificato tutto quelle che ho trovato sui file .css che parlavano di logo e dimensioni, tuttavia il logo rimane bloccato


riesco solo, tramite di file custom.css, che ho creato come da suggerimento di Italpascal, a modificare l'altezza,
la larghezza rimane sempre uguale.
Ho caricato una versione di joomla su Altervista con il template Purity iii, il logo che vedete inserito e di dimensioni 384x415


http://adietaconilbimby.altervista.org/


Grazie per l'aiuto 

[mistrio]

Rettifico su Altervista funziona ho modificato il file template.cs smax-width: e max-height:, lo stesso che avevo modificato in locale con xampp, boh!!!
avrò fatto qualcosa di strano riprovo a rifare l'installazione da zero.