diminuizione margine superiore header e centramento

[Astra83]

Ciao a tutti,vorrei diminuire lo spazio tra l'heander e il margine superiore e centrarla,template Sunnystyle e centrare ,qualcuno può aiutarmi


www.meteocanepina.it

[tonicopi]

Quella distanza sopra la slideshow è determinata da questa regola a riga 20 del template.css

Codice: [Seleziona]

#section-top {
  height: 130px;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
}Regola a piacere l'height.

Per la centratura (ma è brutta, realizza la slideshow della stessa larghezza del template, piuttosto) aggiungi
text-align: center;
a questa regola di riga 95

Codice: [Seleziona]

#top-gallery {
  height: 462px;
  margin-top: 0 !important;
  overflow: hidden;
  position: relative;
   top: 30px;
  width: 100%;
}

[Astra83]

Ho ridimensionato l'immagine, ma se provo ad allungarla per farla arrivare alla fine della linea grigia la ritaglia,io vorrei che l'immagine si vedesse completa e arrivasse fino al pari della linea grigia sotto

[tonicopi]

Chi la ritaglia? L'immagine che c'è adesso è larga 1050px Se guardi il sito con una  risoluzione a 1024 px si vede solo una parte della stessa essendo che il sito si ridimensiona al 70% della larghezza del monitor.
Se guardi il sito con  altre risoluzioni maggiori l'immagine si vede completamenmte solo oltre i 1500px.
Senza contare che nei piccoli dispositivi portatili non ha molto senso far occupare al sito solo il 70 per cento del monitor. Hai provato a guardare il sito con un tablet o un cellulare?

[Astra83]

io la vedo con uno schermo 22 pollici e l'immagine non arriva alla fine della linea grigia

[Astra83]

ho cambiato risoluzione allo schermo,anche a me risultava tagliata,e sinceramente è bruttissima,cosa mi consigli di fare?

[tonicopi]

Ti consiglio di usare un template realmente responsivo...