Supporto » Aspetto = Temi » Menu troppo vicino ai post

  • Buongiorno, premetto che sono un neofita di WordPress e di creazione web in generale, quindi non so quanto la mia domanda potrà sembrare banale o incompleta.

    Sito Web:http://www.galleriaumbertodimarino.com/

    Come potete vedere, da quando ho aggiunto la sezione “art fairs” al menu principale, alla pagina “news”, gli articoli sono troppo vicini al menu.
    Per le altre pagine ho risolto in modo rudimentale dando una spaziatura in più al testo, ma la pagina “news” non esiste nella sezione “Pages” di WP.
    Come posso risolvere questo problema e dare una spaziatura tra “news” ed il menù?

    Grazie mille e buona giornata a tutti.

    Pagina di aiuto: [devi essere connesso per vedere il link]

Stai vedendo 3 repliche - dal 1 al 3 (di 3 totali)
  • Ciao @thebelfastboy7,
    il codice CSS del tuo sito non è scritto molto bene. Ci sono diverse regole che sono in contrasto fra loro, oltre che gestire il layout in un modo, a mio avviso, errato.
    Il menù in alto, ad esempio, è in position: absolute; e allo stesso tempo in float: left;. Il problema che hai dunque, deriva proprio da una gestione errata della disposizione del layout.
    L’unica cosa che mi viene in mente è quella di applicare un margine superiore all’elemento #primary solo nella pagina news.

    Per fare questo, al tuo CSS custom aggiungi:
    body.category-5 #primary {margin-top: 400px;}

    Ciao Luca, grazie della risposta.
    Purtroppo, come detto sopra, non ho grande dimestichezza con WP. Il web master che ha creato il tema è scomparso, quindi mi sono trovato a dover affrontare di colpo situazioni di cui capisco ben poco ed in tempi brevissimi.
    Sono riuscito ad ottenere l’effetto desiderato grazie al tuo suggerimento, ma ora dovrei sistemare tutti gli articoli e le pagine che creano lo stesso problema. C’è un modo rapido per applicare un margine superiore su ogni pagina?+

    Ti ringrazio ancora per il supporto.

    EDIT: domanda stupida dettata dall’ansia, ovviamente mi è bastato inserire
    body #primary {margin-top: 400px;}
    per ottenere l’effetto desiderato.

    • Questa risposta è stata modificata 4 mesi, 3 settimane fa da  thebelfastboy7.

    Usa solo #primary {margin-top: 400px;}.
    Questo dovrebbe distanziare tutti i blocchi di contenuto di 400px dal menu in alto.

Stai vedendo 3 repliche - dal 1 al 3 (di 3 totali)
  • Devi essere collegato per rispondere a questo topic.