[Risolto] EU e-Privacy Directive come posizionarlo in basso?

[green12]

Sto usando queto plugin (EU e-Privacy Directive) , tipo messaggio page ribbon. Nelle opzioni c'è il file css ma non saprei cosa modificare per ottenere che il messaggio venga mostrato in basso alla pagina:

Codice: [Seleziona]

.activebar-container {
background-color:#ffffff;
border-bottom:1px solid #000000;
color:#000;
}
.activebar-container p {
margin:5px;
text-align:left;
}
.activebar-container button {
float:right;
clear:none;
margin:5px 10px;
padding:5px 10px;
}
.activebar-container button.decline {
color:#fff;
background-color:#f00;
}
.activebar-container button.accept {
color:#000;
background-color:#0f0;
}
.activebar-container ul.links,.activebar-container ul.links li {
display:block;
}
.activebar-container ul.links li {
margin:0 5px;
float:left;
clear:none;
}
grazie

[claudiocarrera]

Ciao


Senza un link  di riferimento è difficile aiutarti


Posso solo fare un ipotesi:

Codice: [Seleziona]

.activebar-container{
position:fixed;
z-index:1000;
bottom:0;
width:100%;
}


[green12]

ho provato ad inserire il codice che mi hai inviato alla fine del css ma non ha funzionato, grazie lo stesso.

[claudiocarrera]

Ripeto: se non metti il link del tuo sito non posso aiutarti.

[green12]

non l'ho messo perché non so se sia considerato spam, ad ogni modo il link è questo


provvederò ad eliminarlo appena risolto, grazie
come vedi il banner va proprio sul menu

[$Red]

Ciao, prova cosi andando a modificare il plugin al tab Ribbon display options metti su no usa css plugin ed alla prima regola:

Codice: [Seleziona]

.activebar-container {
background-color:#ffffe1;
border-bottom:1px solid #000000;
color:#000;
}aggiungi bottom:0px; cosi

Codice: [Seleziona]

.activebar-container {
background-color:#ffffe1;
border-bottom:1px solid #000000;
color:#000;
bottom:0px;
}se non ti piace il risultato, sempre se si sposta ho provato e a me va in bottom, prova questa

Codice: [Seleziona]

.activebar-container{
    margin:0px;
    display: block;
    position: fixed;
    bottom:0px;
    left:0px;
    width: 100%;
    height:auto;
    z-index: 9999;   
    overflow:hidden;
    overflow-x: hidden;
}

[green12]

grazie red, ora va alla base della pagina anche se non mi piace molto la grafica, provo a fare qualche modifica...

[green12]

bah, forse è il template che uso, ma nonostante le modifiche al css non cambia i colori di fondo etc. anche se sostituisco tutto con

Codice: [Seleziona]

.activebar-container{
    margin:0px;
    display: block;
    position: fixed;
    bottom:0px;
    left:0px;
    width: 100%;
    height:auto;
    z-index: 9999;   
    overflow:hidden;
    overflow-x: hidden;
}
l'effetto non cambia, però sta in basso.

[$Red]

svuoti la cache di joomla e del browser prima di visualizzare le modifiche?

[green12]

si, vedo solo il cambiamento nella posizione... rimane il testo senza fondo e le caselle accetta-rifiuta sono a sinistra.
Ho trovato questo post dove c'era lo stesso problema... risolto ma non spiega come...
http://forum.joomla.it/index.php?topic=252656.0

[green12]

bisognava cambiare il codice direttamente nel file ribbon.css (media/plg_system_eprivacy/css/ribbon.css)
e sostituire top:0px; con bottom:0px;

grazie

[$Red]

è uguale, bastava aggiungere i colori di background alla regola css che crei/modifichi nel box, cosi ora quando aggiorni il plugin dovrai rifare la modifica, se il tuo template permette i css custom aggiungici la regola cosi non la perdi, ciao buon joomla