[WordPress] [HTML] Variare dimensione logo rimanendo centrato nella fascia di testa: come?

reggio

Nuovo Utente
16 Lug 2016
6
0
1
49
Ciao ragazzi, stò facendo esperimenti in questa pagina

www.nastri-trasportatori.com/cr/dimlogo.html

vorrei che il logo in alto a sx diventasse più grande, ho provato cambiando le dimensioni nel codice html ma vedo che non varia ... perchè?

Evidentemente la dimensione e posizione del logo non è legata alla semplice dimensione dei tag img width="..." height="..."

Ma allora, come dovrei fare per ingrandirlo in modo che "logo-crosa-alba-white-cf-SR.png" cresca, rimanendo all'interno della fascia blu?
 
Ultima modifica di un moderatore:

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.239
322
83
Devi agire sul css del tema di wordpress.
Ti sposto in WP
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.239
322
83

reggio

Nuovo Utente
16 Lug 2016
6
0
1
49
@Max 1 No, non voglio e non riesco ad agire sul css del tema con wordpress,
io ho preso/copiato questo sito come spunto grafico da modificare e adattare alle mie esigenze, ho scaricato il suo codice html e le relative cartelle,
1) ora lo vorrei modificare a mano ... è possibile? Come?
2) non è meglio se mi lasci nell'altro forum?
3) ... oppure tu dici che anche così potrei modificarlo con WP? Ma senza "sorgente" da installare è impossibile no?

please help me ...


@glm2006ITALY Non è un errore, non volevo "spammare", sò che in alcuni forum i link danno fastidio ...
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.239
322
83
In quella pagina c'è una marea di codice WP nel quale non credo tu possa orientarti e onestamente neanche io
Non è questo il modo di prendere spunti copiare pagine e cartelle per me non ci salti fuori, comunque fai come vuoi!
Fino a che usi quelle pagine il posto dove puoi trovare un aiuto è qui visto che è tutta rova di wordpress

Se vuoi un consiglio inizia a fare qualche cosa dall'inizio poi chiedi consigli per me farai più strada
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.239
322
83

glm2006ITALY

Moderatore
Membro dello Staff
MOD
9 Apr 2009
1.267
11
38
34
Vercelli
www.webepc.it
Con tutto il rispetto ma sinceramente io penserei ad una sostituzione integrale del tema.... mi sembra molto pasticciato!
 

reggio

Nuovo Utente
16 Lug 2016
6
0
1
49
eh .. ragazzi, come ho detto IO non sono un esperto, partire da zero per fare una cosa come questa non saprei da dove iniziare, continuare e finire, se invece riuscissi a modificare questo logo, il resto ho già visto che potrei cavicchiarmela e portare a casa il risultato, poi per il resto, se vorrete affiancarmi nel vedere come togliere altri pasticci, lo farò molto volentieri :)

Dai, se potete, datemi un aiutino con la sistemazione di quel logo :D Ci conto!

... io , mi metto avanti, .. e vi ringrazio molto fin da adesso ;-P
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.239
322
83
Forse non ci siamo spiegati! Modificare quella roba è un'impresa!
eh .. ragazzi, come ho detto IO non sono un esperto, partire da zero per fare una cosa come questa non saprei da dove iniziare,
Se partire da zero non sapresti da dove cominciare, pensa a modificare quel codice!!!!
dho.gif

È più semplice cominciare a fare qualche cosa che modificare una roba pasticciata prof.
Io sicuramente non ci metto mano
ciapet.gif
speriamo altri
benvenuto2.png
 

glm2006ITALY

Moderatore
Membro dello Staff
MOD
9 Apr 2009
1.267
11
38
34
Vercelli
www.webepc.it
Ci sono ottimi temi freemium che ti permetterebbero di ottenere ottimi risultati con poca fatica... prova ad esempio Customizr :)
 

filomeni

Moderatore
Membro dello Staff
MOD
14 Mag 2006
1.052
6
38
49
Roseto degli Abruzzi (TE)
www.sitiweb.cloud
Accedi al pannello di controllo WP, dal menu principale [ASPETTO]>[EDITOR] da qui scorri la pagina fino a trovare il file style.css, ci clicchi su poi scorri il file fino alla fine e aggiungi il seguente codice css:
Codice:
.w-img-h{
    display:block
    width: dimensione px;
    height: dimensine px;
}
Dai le dimensioni in pixel al logo come vuoi... Ho provato e funziona.
Ciao
 

reggio

Nuovo Utente
16 Lug 2016
6
0
1
49
Accedi al pannello di controllo WP, dal menu principale [ASPETTO]>[EDITOR] da qui scorri la pagina fino a trovare il file style.css, ci clicchi su poi scorri il file fino alla fine e aggiungi il seguente codice css:
Codice:
.w-img-h{
    display:block
    width: dimensione px;
    height: dimensine px;
}
Dai le dimensioni in pixel al logo come vuoi... Ho provato e funziona.
Ciao
Ciao Filomeni, grazie! :D
come sai non ho accesso al pannello di controllo, ho fatto una ricerca per "css" ed ho trovato quello che ti mostro di seguito, ma non ho trovato style.css ...
1) potresti darmi l'indirizzo assoluto del style.css che hai trovato così lo raggiungo anche io?
2) come hai fatto a provarlo? hai fatto una copia come mè e hai cambiato manualmente o attraverso PC/WP?


image host
 

filomeni

Moderatore
Membro dello Staff
MOD
14 Mag 2006
1.052
6
38
49
Roseto degli Abruzzi (TE)
www.sitiweb.cloud

reggio

Nuovo Utente
16 Lug 2016
6
0
1
49

un pò esagerato ma da l'idea... O no?
il file si trova in questa posizione:
http://www.nastri-trasportatori.com/cr/ca-contenuto/themes/crosa45/framework/css/us-base.min11b8.css
il file è minimizzato quindi non so dirti la riga ma con un pò di pazienza lo trovi, la classe è .w-img-h
Ciao, no, per niente esagerato, anzi, la misura c'è, vuole solo spostato in alto per rimanere all'interno della fascia grigio-sfocata in alto :)

Ok ma dimmi come hai fatto a:
- ingrandire (io ho modificato i parametri ma non mi cambia nulla - anche ora è impostato come mostro sotto, ma come vedi non cambia nulla??? perchè??)
- come hai fatto a farlo stare davanti all'immagine "crosa-articoli-per-industria-alba-1.jpg"? (quando ho provato a cancellare i parametri che regolano altezza e larghezza, l'immagine logo era cresciuta ma rimaneva SOTTO "crosa-articoli-per-industria-alba-1.jpg") :(
- come farò ad alzare logo per rimanere all'interno della fascia grigio-sfocata in alto?

aiutoooo :D
 

filomeni

Moderatore
Membro dello Staff
MOD
14 Mag 2006
1.052
6
38
49
Roseto degli Abruzzi (TE)
www.sitiweb.cloud
Allora, prendi il file "us-base.min11b8.css" trova la regola della classe w-img-h e commenta height:inherit; commenta significa così /*height:inherit;*/
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.042
146
63
PR
www.borgo-italia.it
ciao
se non ho capito male vorresti aumentare il logo dove c'è scritto C.F. SYSTEM...
a che ne so lo style applicato su un elemento dovrebbe avere la preminenza sullo style applicato da un css
prova così
HTML:
<img class="for_default" src="ca-contenuto/uploads/logo-crosa-alba-white-cf-SR87.png" style="width:383px; height:17px;" alt="xxxxxxxx"/>
oppure anche applicando lo style al link
HTML:
<a class="w-img-h" href="index.html" style="width:383px; height:17px;">
        <img class="for_default" src="ca-contenuto/uploads/logo-crosa-alba-white-cf-SR87.png" style="width:383px; height:17px;" alt="xxxxxxxx" /></a>
dovrebbe essere più semplice che andare a cercare in giro per i var css