aiuto template a4joomla-palace3r modifica template

[francesco4881]

Buongiorno a tutti,
Vi chiedo aiuto su un problema che mi affligge da quasi 3 giorni...
1)Vorrei cambiare il colore dello sfondo del template a4joomla.palace3r-free installato su joomla 3.2 ma proprio non so in che file css trovare il codice colore da modificare.....
2)Vorrei creare uno slideshow con 3 immagini nella home ma non so dove trovare questa impostazione


Spero che qualcuno possa aiutarmi


Grazie in anticipo.


Franco

[adottauncane]

Cioa francesco4881,
benvenuto nel forum 
Servirebbe un link al tuo sito.

[francesco4881]

Grazie....

[adottauncane]

Se per sfondo intendi quello esterno al content (cioè quello grigio) è un'immagine e la puoi cambiare qui:

Codice: [Seleziona]

body {    background: url("../images/bg.jpg") repeat-x scroll left top #FFFFFF;}
template.css riga 6742

puoi modificare direttamente quella originale bg.jpg con lo stesso nome e sovrascriverla oppure farne una con un altro nome, metterla nella cartella images del template e correggere con in nuovo nome il css.

La slide c'è nel template? Se sì è possibile che sia da attivare da backend. Se non è prevista scarichi un modulo slide dalla JED e lo metti in una posizione del template.

http://extensions.joomla.org/extensions/photos-a-images/slideshow

[francesco4881]

Provo e ti faccio sapere......


Intanto mille grazie


Franco

[francesco4881]

Problema risolto a monte......al cliente piace così.......non mi si sto a scervellare + di tanto.


Grazie a tutti comunque.


Alla prossima.

[francesco4881]

Ri-Ciao a tutti.....un'ultima modifica che mi viene chiesta è quella di ingrandire la scritta principale del template(se vedete il sito è quella 'STUDIO LEGALE ASSOCIATO' e anche la scritta piccola che si vede sotto 'Avv. '......ho provato a fare 'ispeziona elemento' per entrambi ma proprio non riesco a capire nel file template.css quali stringhe modificare.....


Spero in un altro vostro aiuto.

Grazie in anticipo

Franco....

[$Red]

ciao, sul css del template modifichi  font-size: 11px; aumenti i px alla grandezza che desideri /templates/a4joomla-palace3r-free/css/template.css riga 6779

Codice: [Seleziona]

#logo h3 {
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    margin: -2px 0 0;
    padding: 0;

[francesco4881]

Alla riga 6679, trovo questo:


#logo h2 {
  line-height: 1.1;
  font-size: 26px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  letter-spacing: 0px;
  margin: 10px 0 0 0px;
  padding: 0;
  color: #000000;
}
#logo h3 {
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0px;
  margin: -2px 0 0 0px;
  padding: 0;
  color: #000000;
}


Ho provato a modificare quanto dici tu relativamente ad h2(è quello che mi viene fuori da 'ispeziona elemento') ma non mi cambia nulla.....boh....

[$Red]

io facendo i test con firebug riesco ad aumentare tutti e due i testi e a centrarli come puoi vedere dall'immagine allegata allora #logo h2 è riferito alla scritta "studio legale associato" e la grandezza dei px la richiama da un'altra regola e sono 40px infatti se lo ispezioni con firebug lo vedi barrato, per modificarlo devi aggiungere !Important quindi font-size 40px!Important; se vai oltre i 40 px devi aumentare anche la grandezza del div altrimenti il testo va a capo alla riga 269

Codice: [Seleziona]

.span8 {
    width: 604px;
}#logo h3 è riferito al sottotitolo e basterebbe modificare la grandezza dei px se non funziona prova ad aggiungere !Important anche li, se vuoi ottenere lo stesso risultato che vedi nell'immagine allegata queste sono le modifiche che ho effettuato io
riga 6821

Codice: [Seleziona]

#logo {
    text-align: center;
}riga 269

Codice: [Seleziona]

.span8 {
    width: 930px;
}

Codice: [Seleziona]

#logo h2 {
    color: #000000;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 60px !important;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.1;
    margin: auto !important;
    padding: 0;
}

Codice: [Seleziona]

#logo h3 {
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 30px!Important;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    margin: -2px 0 0;
    padding: 0;
}e questo è il risultato

[francesco4881]

Ciao e intanto super grazie per l'aiuto....

Ho impostato soltanto questiì:

#logo h2 {
  line-height: 1.1;
  font-size: 40px !important;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  letter-spacing: 0px;
  margin: 10px 0 0 0px;
  padding: 0;
  color: #000000;
}
#logo h3 {
  font-size: 21px !important;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0px;
  margin: -2px 0 0 0px;
  padding: 0;
  color: #000000;





Il problema strano è che, facendo un'altra prova mettendo anche questi insieme alla modifica fatta sopra:

.span8 {
    width: 1004px;
}

#logo {
    text-align: center;
}
Quello che mi veniva fuori era un testo non centrato ma leggermente spostato come nelo screenshot che allego....

Insomma alla fine ho optato per la sola modifica scritta su lasciando stare .span8 e #logo



[allegato eliminato automaticamente dopo un anno]