[RISOLTO] Background responsive diverso in ogni pagina

[tamedef]

Ciao gente, sto provando a cambiare l'immagine di sfondo del sito con il modulo JE_background, ma volendo mettere un immagine diversa in ogni pagina ho un problema. Se faccio una copia del modulo con un altro sfondo, pagina sulla quale è pubblicata etc etc... non funziona nulla. Non capisco quale sia il motivo. il sito è il seguente: http://www.ermannociani.it/Joomla344/index.php
Inoltre con il template Helix la parte relativa al menu non è trasparente e sulle opzioni di gestioni non posso cambiargli colore, devo creare per forza il custom.css?


Grazie

[tamedef]

Anche utilizzando un altro modulo ho lo stesso problema, però ho fatto caso che se utilizzo l'impostazione javascript funziona in tutte le pagine, i problemi li ho con l'impostazione css (responsive), mi funziona solo nella pagina about, mentre nelle altre è come se non lo avessi messo.

[tamedef]

Ragazzi qualcuno ha idea del perchè? Sto in fase di blocco...non capisco perche lo stesso modulo copiato e attivo su pagine diverse quando utilizzo l'impostazione CSS per cambiare il background mi funziona solo su una pagina

[$Red]

Ciao, hai provato ad analizzare la pagina e vedere se ci sono css che vanno in conflitto? io ad esempio in tutte le pagine dove non carica il modulo vedo questo: /Joomla344/templates/shaper_helix3/css/bootstrap.min.css rigo10

Codice: [Seleziona]

font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;ed il background-color: #fff; penso che annulla questo css che si genera inline

Codice: [Seleziona]

background: #FFFFFF url(http://www.ermannociani.it/Joomla344/images/ec/about.jpg) no-repeat center top fixed !important;
background-size: cover !important;

[berry]

nella altre pagine manca prorpio lo stile che definisce lo sfondo che c'è in About

Codice: [Seleziona]

<style type="text/css">body {background:#FFFFFF url(http://www.ermannociani.it/Joomla344/images/ec/about.jpg) no-repeat center top fixed !important; background-size:cover !important;} </style>[code][/pre]

[$Red]

nella altre pagine manca prorpio lo stile che definisce lo sfondo che c'è in About

Codice: [Seleziona]

<style type="text/css">body {background:#FFFFFF url(http://www.ermannociani.it/Joomla344/images/ec/about.jpg) no-repeat center top fixed !important; background-size:cover !important;} </style>
[/quote]


e come mai succede questo?

[tamedef]

non capisco perchè ho controllato mille volte, il modulo è pubblicato correttamente con un altra immagine anche nelle altre pagine, non solo in about. perchè non dovrebbe aggiungere lo stile del background. Preciso che il problema non è dato dal template perchè mi fa la stessa identica cosa anche con altri template.

[tamedef]

Allora associando il modulo che avevo associato alla pagina about anche sulle altre pagine funziona perfettamente. Ma naturalmente in questo modo dovrò utilizzare la stessa immagine nelle varie pagine. Non capisco perchè le altre copie che ho fatto del modulo non funzionino 

[berry]

Un messaggio privato con i dati di accesso?

[berry]

Perdonami, quando fai le copie del modulo verifichi che sia pubblicato? Te lo chiedo perchè duplicando un modulo la copia è sospesa.

[tamedef]

si si, pubblicati e attivi nelle pagine che mi interessano, stessa posizione in debug.

[berry]

fatto, non mettere mai immagini con spaziature nel nome tipo   home page.jpg    ma  home_page.jpg

[tamedef]

Cavolo    mi stavo impazzendo ed era lo spazio nel nome del file...grazie mille!
Per quanto riguarda invece il fatto che header e footer non siano trasparenti è dato dal template immagino, le soluzioni quali potrebbero essere? Stavo pensando a associare un file .png vuoto come immagine di background. Altrimenti c'è qualche comando che posso aggiungere  al custom.css del template per sp_header?

[tamedef]

Sono riuscito associando al background sp-header un .png trasparente. 

[tamedef]

Non riesco però a capire perchè non riesco a ridimensionare la zona component dove inserisco il testo in maniera responsive e centrata. Io avevo inserito nel custom css il seguente codice sperando me lo centrasse e ridimensionasse, ma lo ridimensiona e basta:

Codice: [Seleziona]

#sp-component {
max-width: 80% !important;
  margin-left: auto;
  margin-right: auto;

}


allora per ottenere il risultato ho modificato in questo modo:

Codice: [Seleziona]

#sp-component {
max-width: 80% !important;
margin-left: 130px;
margin-right: auto;

}

ma in questo modo non è responsive, 130px su schermo cellulare è eccessivo. non capisco perchè non funziona con il primo codice. La pagina è questa: http://www.ermannociani.it/index.php/about

[tamedef]

Qualche idea ragazzi?

[tamedef]

Gente ma non sapete indirizzarmi su cosa sbaglio? Mi sembra una operazione relativamente semplice... ma non capisco cosa non va!

[tomtomeight]

Non puoi utilizzare un post per tante domande diverse, meglio se ne apri uno per ognuna inserendola nella sezione adeguata e dove illustri il probbema a partire dal titolo, metti risolto a questo e inizia un altro topic.