Joomla.it Forum

Joomla! 3 => I Template di Joomla! 3 => : Alexanders 22 Nov 2014, 10:18:50

: [ RISOLTO] Cambiare Logo a destra e colore sfondo
: Alexanders 22 Nov 2014, 10:18:50
Salve!
Siccome tra poco terminerà il supporto per J2.5, ho deciso di passare alla piattaforma J3.
Per ora tutto ok, solo che non riesco a spostare il logo a destra. Il mio cliente vorrebbe il logo centrato.
Ho provato già a farlo da me, ma quando sposto il logo a destra, si sposta automaticamente anche il tasto cerca e questo mi sà che va ad influire anche con la versione mobile :/
In piu' vorrei cambiare le parti bianche dello sfondo sia sopra che sotto con un pattern come questo (http://image.architonic.com/img_pro1-6/108/8539/526_soft_orange_sq.jpg) lasciando inalterato il bianco nel mezzo.

link al sito (http://micheletortella.com/joomla3test/)
: Re:Cambiare Logo a destra e colore sfondo
: tomtomeight 22 Nov 2014, 11:15:53
Serve un link al sito.
: Re:Cambiare Logo a destra e colore sfondo
: Alexanders 22 Nov 2014, 11:24:14
vero. link inserito
: Re:Cambiare Logo a destra e colore sfondo
: adottauncane 22 Nov 2014, 13:45:53
Ciao Alexanders,
prova così:

questo lo metti al fondo del template.css prima di @media

:
#jf-header h1#logo {
    margin-left: 50%;
    width: 100%;
}

e
  questo in fondo a tutto:

:
@media only screen and (max-width: 920px) {#jf-header h1#logo {    margin-left: 0;    width: 95%;}}
: Re:Cambiare Logo a destra e colore sfondo
: Alexanders 22 Nov 2014, 14:02:57
Hei ciao!! Chi si risente!
Ora provo subito!
Per lo sfondo invece non si può fare niente?
: Re:Cambiare Logo a destra e colore sfondo
: adottauncane 22 Nov 2014, 14:10:18
Se ho capito dove lo vuoi:

:
#jf-footer {    background-attachment: scroll;    background-clip: border-box;    background-color: rgba(0, 0, 0, 0);    background-image: url("http://image.architonic.com/img_pro1-6/108/8539/526_soft_orange_sq.jpg");    background-origin: padding-box;    background-position: 0 0;    background-repeat: repeat;    background-size: auto auto;    color: #ababab;    padding-bottom: 35px;    padding-left: 0;    padding-right: 0;    padding-top: 35px;    text-align: center;}
:
#jf-header {    background-attachment: scroll;    background-clip: border-box;    background-color: rgba(0, 0, 0, 0);    background-image: url("http://image.architonic.com/img_pro1-6/108/8539/526_soft_orange_sq.jpg");    background-origin: padding-box;    background-position: 0 0;    background-repeat: repeat;    background-size: auto auto;    padding-bottom: 20px;    padding-left: 0;    padding-right: 0;    padding-top: 20px;}
ma metti l'url relativo.
: Re:Cambiare Logo a destra e colore sfondo
: Alexanders 22 Nov 2014, 14:53:51
Un unica parola. PERFETTA! Come sempre!
Grazie!