Visualizzazione risultati 1 fino 3 di 3

Discussione: Nascondere immagine header e menù di una singola pagina

  1. #1
    ilmondodielektra non è connesso Utente AlterBlog
    Data registrazione
    26-06-2021
    Messaggi
    1

    Predefinito Nascondere immagine header e menù di una singola pagina

    Buongiorno,

    se possibie, chiedo un aiuto, come si fa a nascondere l'immagine header ed il menù su una singola pagina del blog su altervista.

    Il tema del blog: Tema Seamless Altervista Keith, sviluppato da Altervista

    Grazie mille.

  2. #2
    GraphOGLRisorse non è connesso AlterGuru 2500
    Data registrazione
    14-02-2015
    Messaggi
    4,288

    Predefinito

    Slave,
    con quel tema non è possibile, perchè i temi AlterVista non possono essere modificati. Per poterlo fare, deve cambiare tema.

    Coridiali saluti.

  3. #3
    frasidipace non è connesso AlterGuru 2500
    Data registrazione
    07-05-2010
    Messaggi
    2,649

    Predefinito

    Salve,
    si può fare aggiungendo un po' di CSS personalizzato, ma prima dovrà individuare l'id della pagina su cui non vuole far visualizzare l'immagine della header ed il menu.
    Per rilevare l'id della pagina basta aprire la stessa in modifica e nell'url viusalizzerà, ad esempio, la stringa post.php?post=14. In questo esempio l'id della pagina è 14.
    Rilevato ciò in Aspetto->CSS personalizzato aggiunge il seguente codice:
    Codice:
    .page-id-14 .main-navigation, .header-image {
      display:none!important;
    }
    Qualora voglia nascondere l'immagine ed il menu, ma non modificare l'altezza della header e della barra menu, può aggiungere, invece il seguente codice:
    Codice:
    .page-id-14 .main-navigation, .header-image {
      visibility:hidden!important;
    }
    Qualora voglia diversificare la visualizzazione della header rispetto a quella della barra del menu, può suddividere, ad esempio, in questo modo:
    Codice:
    .page-id-14 .main-navigation {
      visibility:hidden!important;
    }
    
    .page-id-14 .header-image {
      display:none!important;
    }
    o viceversa.

    Spero di essere stato sufficientemente chiaro.

    Saluti

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •