problema modulo swMenuFree (RISOLTO)

[max85]

Salve,
dopo aver modificato il template Beez_20 a mio piacimento ho inserito un modulo menu a tendina swMenuFree e attraverso la sua maschera nel menù componenti ho modificato l'aspetto a mio piacimento. Per spostare il menu sopra il logo header mi rimane una cornice trasparente che non riesco a rimuovere.
Qualcuno sa dirmi come posso fare ad eleminarla o perlomeno nasconderla?
questo è il sito http://www.isarcassette.it

grazie

[bart88]

Il bordo trasparante è dovuto alla proprietà css:

Codice: [Seleziona]

#outerwrap {    ....
    padding: 8px 16px 16px !important;    ....
}
questa viene aggiunta automaticamente dal componente, che versione hai di swmenufree e come hai impostato lo stile css? (presumo sia attivato l'opzione incorpora stile alla pagina)

[max85]

si tratta della versione 7.2
per quanto riguarda lo stile css sulla voce Load Style Sheet: write style sheet dicectly into page mente Module Class Suffix: none

[max85]

ho provato a modificare i parametri sulla styles/menu.css del modulo senza risultato, trovo questo codice

#outerwrap {
 top: -385px !important ;
 left: -6px;
 border:0px solid #000000  ;
 padding:8px 16px 16px 16px  !important;
 display: block;
 position: relative;
 z-index: 99;
}

[bart88]

Ciao, scusa per la risposta tardiva ma sono in pieni esami universitari  comunque, nella schermata del componente swmenufree in alto a destra affianco al logo swmenufree dovrebbe esserci la voce "Create external css" premendo il quale il componente crea un css esterno. A questo vedrai nella stessa posizione il pulsante "Manually edit external CSS file" tramite il quale puoi modificare il css a tuo piacimento.

Ultima cosa che rimane da fare è nella opzioni style sheet setting spostare da "Write style sheet directly into page" a "Link to external style sheet"

Tutto questo è provato e testato in joomla 2.5 con swmenufree 7.2 ma non dovrebbero esserci differenze con la tua versione.

Spero di essere stato il più esauriente possibile 

[max85]

ti ringrazio per le risposte.
Purtroppo non riesco ad eleminarlo, ho creato un css esterno e provato a fare delle modifiche ma senza risultato (ovvimente poi indicando "Link to external style sheet" nella maschera), se ti elenco il codice qui di seguito mi sapresti dire dove devo andare a correggere:

#swmenu table,
#swmenu,
#swmenu tr,
#swmenu td{
border:0 !important;
}
#outerwrap {
 top: -385px !important ;
 left: -6px;
 border:0px solid #000000  ;
 padding:8px 16px 16px 16px  !important;
 display: block;
 position: relative;
 z-index: 99;
}
.ddmx a.item1,
.ddmx a.item1:hover,
.ddmx a.item1-active,
.ddmx a.item1-active:hover {
 padding: 8px 18px 11px 20px  !important ;
 font-size: 14px !important ;
 font-family: Arial, Helvetica, sans-serif !important ;
 text-align: center !important ;
 font-weight: normal !important ;
 color: #1C1C1C  ;
 font-style: normal !important;
 text-decoration: none !important;
 text-transform: none !important;
 border-top: 0px solid #FFFFFF;
 border-bottom: 0px solid #FFFFFF;
 border-left: 0px solid #FFFFFF;
 border-right: 0;
 display: block;
 white-space: normal;
 position: relative;
 z-index: 200;
 margin:8px 0px 0px 0px  ;
background-image:none !important;
 background-color: #E6E6E6  !important;
}
.ddmx td.item11.last a.item1-active,
.ddmx td.item11.last a.item1 {
 border: 0px solid #FFFFFF;
}
.ddmx a.item1-active,
.ddmx a.item1-active:hover ,
.ddmx .last a:hover,
.ddmx .acton.last a,
.ddmx a.item1:hover{
 white-space: normal;
 background-color: #B5CFE6 !important ;
background-image:none !important;
}
.ddmx .item11:hover,
.ddmx .item11.acton:hover,
.ddmx .item11.last:hover,
.ddmx .item11.acton a.item1,
.ddmx .item11.acton a:hover,
.ddmx .item11 a:hover,
.ddmx .item11.last a:hover,
.ddmx a.item1-active,
.ddmx a.item1-active:hover {
 color: #1C1C1C  ;
}
.ddmx .acton a.item1-active,
.ddmx .acton a.item1:hover,
.ddmx .acton a.item1 {
 white-space: normal;
background-image:none !important;
 background-color: #E6E6E6 !important;
 color: #1C1C1C !important ;
}
.ddmx a.item2,
.ddmx a.item2:hover,
.ddmx a.item2-active,
.ddmx a.item2-active:hover {
 padding: 8px 49px 10px 15px  !important ;
 font-size: 14px !important ;
 font-family: Arial, Helvetica, sans-serif !important ;
 text-align: left !important ;
 font-weight: normal !important ;
 font-style: normal !important;
 text-decoration: none !important;
 text-transform: none !important;
 display: block;
 white-space: nowrap !important;
 opacity:1;
 filter:alpha(opacity=100)
}
.ddmx a.item2-active ,
.ddmx a.item2 {
background-image:none !important;
 background-color: #FCFCFC !important ;
 color: #234EA3 !important ;
 border-top: 1px solid #000000 !important ;
 border-left: 1px solid #000000 !important ;
 border-right: 1px solid #000000 !important ;
}
.ddmx a.item2-active.last,
.ddmx a.item2.last {
 border-bottom: 1px solid #000000 !important ;
 z-index:500;
}
.ddmx .section a.item2:hover,
.ddmx a.item2-active,
.ddmx a.item2-active:hover {
background-image:none !important;
 background-color: #2450A8 !important ;
 color: #FFFFFF !important ;
 border-top: 1px solid #000000 !important ;
 border-left: 1px solid #000000 !important ;
 border-right: 1px solid #000000 !important ;
}
.ddmx .section {
 border: 0px solid #000000 ;
 position: absolute;
 visibility: hidden;
 display: block;
 z-index: -1;
}
.ddmx .inner_section {
 background-color: #FCFCFC ;
 display: block;
}
.ddmx .subsection a{
 white-space:normal !important;
}
.ddmxframe {
 border: 0px solid #000000 !important ;
}
* html .ddmx td { position: relative; } /* ie 5.0 fix */
.ddmx .item2-active img,
.ddmx .item2 img,
.ddmx .item1-active img,
.ddmx .item1 img{
 border:none;
}

[bart88]

ok, proviamo così forse ti ho fatto creare il css esterno per niente, prova ad andare nella pagina Size, Position & Offsets e portare Complete Menu Padding tutto a zero vedi se così riesci a farla sparire

[max85]

no, non succede niente..

[bart88]

ok allora, sempre nella stessa schermata metti anche top menu margin tutto a zero e poi in alto a destra fai save e poi export. Così dovrebbe settare tutto a zero nelle mie prove in locale ha funzionato

[max85]

ho provato in questo modo è migliorato ma rimene sempre una linea sovrapposta, tra l'altro ora i nomi nel top menu non rimangono più in centro anche se nella voce font&text sono su center.

[bart88]

Solo per capire bene, il menu è nella posizione corretta nel template come lo vedo ora? Quali spazi bianchi vuoi ridurre quello tra la scritta isar e il menu, o quello tra il menu e l immagine sottostante?

[max85]

il menu si trova su un modulo sotto l'immagine quindi l'ho spostato in alto usando i setting del componente, per quanto riguarda gli spazi li posso ridurre a piacimento l'importante è che resti una proporzione sotto e sopra l'immagine

[max85]

Risolto con swmenupro