[Risolto]Abbassare il div top

[simone79vi]

Ciao nel sito http://www.artinvestore.com vorrei abbassare la linea rossa dove sono presenti i vari menu.
Ne ho provate tante, ma non capisco dove devo intervenire nel css.
Qualcuno mi aiuta?

grazie
ciao

[giovi]

ciao, cosa intendi per "abbassare"?
Per eliminare il "margine" superiore o modifichi la proprietà padding di #navigation ul (tedefault.css riga 146) da "padding: 15px 0 0 0;" a "padding: 5px 0 0;" o alla fine dello stesso file scrivi:

Codice: [Seleziona]

#navigation ul {
padding: 5px 0 0 0;
}
per eliminare totalmente il marigne, scrivi in entrambi i casi al posto di padding ecc... ecc... solo:

Codice: [Seleziona]

padding:0;

[simone79vi]

Ciao,
forse non mi sono spiegato bene. Vorrei che la fascia rossa con i menu all'interno fosse abbassata di un cm grosso modo..
spostando in giù tutto il resto ma lasciando invariato ciò che è sopra..

[il gatto ha nuove code]

Ciao, già provato così?

tdefault.css:

#top {    background: url("../images/topmenu_bg.png") no-repeat scroll center top transparent;    float: left;    height: 70px;    margin-bottom: 0;    margin-left: 0;    margin-right: 0;    margin-top: altezza che vuoi !important;    padding: 0;    width: 100%;}

Poi ovviamente devi adattare l'header

[adottauncane]

Ciao simone79,
mmm un po' strani questi css... Prova così:

devi spostare giù il menù
    margin-top: 20px;

Codice: [Seleziona]

div#navigation {
    margin-top: 20px;
    position: relative;
    z-index: 50;
}tdefaut.css (riga 185)

poi solo l'immagine nel top
    background: url("../images/topmenu_bg.png") no-repeat scroll center 25px transparent;

Codice: [Seleziona]

#top {
    background: url("../images/topmenu_bg.png") no-repeat scroll center 25px transparent;
    float: left;
    height: 70px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 91px !important;
    padding: 0;
    width: 100%;
}tdefaut.css (riga 113)

e poi abbassare la slide, probabilmente nel file css del modulo
    margin-top: 20px !important;

Codice: [Seleziona]

#lveis-wrapper_3 #lveis img, #lveis-wrapper_3 #lveis a {
    border: 0 none !important;
    margin-top: 20px !important;
    outline: 0 none !important;
    padding: 0 !important;
}
rimangono più alti i due loghi FB e Twitter, lì vedi dove li hai messi...

[simone79vi]

Geazie mille delle informazioni.
Ho inserito le modifiche..
Non riesco però a trovare dove sono definiti #lveis-wrapper_3 #lveis img, #lveis-wrapper_3 #lveis a { per poterli poi modificare..
Lo stesso vale per i loghi di facebook e twitter, non capisco dove sono definiti..
Ciao

   

[adottauncane]

La slide è integrata? Forse devi guardare nell'indx.php (anche per le icone).

[simone79vi]

nell'index.php trovo questo: <!--CARROUSEL GALLERY-->
 <div id="header">
 <jdoc:include type="modules" name="user1" />
 </div>
 <!--FIN CARROUSEL GALLERY--> infatti il modulo che uso per lo slideshow "LV ENHANCED Image Slider" si trova in user1mentre per quanto riguarda i due loghi trovo: <!--lien sociaux-->
 <div id="facebook">
 <img src="templates/<?php echo $this->template ?>/images/logo-facebook.png" width="33" height="32"  alt="facebook" />
 </div>
 <div id="twitter">
 <img src="templates/<?php echo $this->template ?>/images/logo-twitter.png" width="33" height="32" alt="twitter" />
 </div>
 <!--fin lien sociaux--> Come posso abbassarli?[/size]

[adottauncane]

Dunque e possibile che il css si trovi nella cartella del modulo...
Prova comunque così:

Codice: [Seleziona]

#lveis-wrapper_3 ul#lveis {
    margin-top: 30px !important;
}

copia e incolla al fondo del file css del template.

Lo stesso per i due robini:

Codice: [Seleziona]

#facebook, #twitter {
    margin-top: 27px !important;
}

[simone79vi]

Grazie mille..
Direi che ci siamo ora..