Centrare il menu

02-09-2023, 16.36.35

salve volevo un'informazione. Vorrei centrare il menu nel mio sito wordpress caricato su altervista ma non capisco come si faccia. Le seguenti voci come notate sono verso destra. Come faccio?

https://progettireader.altervista.org/

In corso, Conclusi, Harlequin, Webtoons, OneShot, Futuri, Progetti Download

**frasidipace** · 02-09-2023, 19.40.11

Salve,
acceda a Aspetto->Personalizza->CSS aggiuntivo e provi ad aggiungere questo codice:

Codice:

#site-navigation {
  float: unset!important;
  display: flex!important;
  justify-content: center!important;
}

Attenzione al tema in uso che non viene supportato da circa un anno, per cui potrebbe rilevare delle incompatibilità con plugins e ultime versioni di Wordpress, nonché con la versione di PHP.

Saluti

02-09-2023, 22.17.13

Se per caso il codice non andasse bene posso combinare qualche pasticcio?

**frasidipace** · 02-09-2023, 22.56.23

Originalmente inviato da progettireader

Se per caso il codice non andasse bene posso combinare qualche pasticcio?

No, il CSS è semplicemente codice per modificare l'aspetto grafico di contenuti web.
Tra l'altro, appena lo incollerà nel CSS aggiuntivo ne vedrà subito gli effetti nell'anteprima ancor prima di salvare.
Mal che vada non otterrà l'effetto desiderato e potrà cancellarlo.

Saluti

04-09-2023, 10.16.20

Ho incollato il codice e il menu a tendina (che appare solo dal cellulare) è centrato. Devo verificare al computer, ma penso che vada bene perché prima la tendina era a destra.

**frasidipace** · 04-09-2023, 12.19.44

Originalmente inviato da progettireader

Ho incollato il codice e il menu a tendina (che appare solo dal cellulare) è centrato. Devo verificare al computer, ma penso che vada bene perché prima la tendina era a destra.

Anche su PC è centrato.

Saluti

04-09-2023, 15.10.04

Grazie per aver verificato. A presto

**signorfilm** · 19-10-2023, 12.12.08

Salve,
ho inserito le seguenti righe per modificare il colore del testo su vostro consiglio:
/* Modifica colore delle voci di menu */
.main-navigation ul li a {
color: #fff;
font-weight: bold;
}
/* Modifica hover voci di menu */
.main-navigation li:hover a {
background-color: #80c0ff!important;
}
.entry-title, h2.entry-title a
{
color:#0080ff!important;
}
Adesso vorrei poter centrare gli elementi del menu in testata, ho provato ad inserire il codice dell'articolo nel CSS aggiuntivo ma non funziona. Chiedo gentilmente aiuto.Grazie

**frasidipace** · 19-10-2023, 23.37.49

Salve,
provi col seguente codice CSS:

Codice:

  .main-navigation ul {
    justify-content: center!important;
  }

Saluti

**signorfilm** · 20-10-2023, 13.22.11

Grazie tantissimo

**signorfilm** · 20-10-2023, 13.30.55

Altra cosa: ho installato il pluing Ajax Search Lite. E' possibile inserire la barra di ricerca nell'header al posto della ricerca di altervista?
il plugin mi fornisce questi 2 codici:
shortcode - [wpdreams_ajaxsearchlite]
search shortcode for template - <?php echo do_shortcode('[wpdreams_ajaxsearchlite]'); ?>

**frasidipace** · 20-10-2023, 23.06.33

Originalmente inviato da signorfilm

Altra cosa: ho installato il pluing Ajax Search Lite. E' possibile inserire la barra di ricerca nell'header al posto della ricerca di altervista?
il plugin mi fornisce questi 2 codici:
shortcode - [wpdreams_ajaxsearchlite]
search shortcode for template - <?php echo do_shortcode('[wpdreams_ajaxsearchlite]'); ?>

Salve,
con i temi Altervista non può creare il relativo tema child per poi modificare il file header.php, pertanto se vuole utilizzare quel plugn per l aricerca interna deve installare un altro plugin: Head, Footer and Post Injections.
Una volta installato, acceda a Impostazioni->Head and Footer ed aggiunga nel primo box (<HEAD> page section injection) il codice

Codice:

<?php echo do_shortcode('[wpdreams_ajaxsearchlite]'); ?>

Una volta salvato, acceda a Aspetto->Personalizza->Opzioni Header->Stile Header e tolga la spunta a Icona Cerca e clicchi su Pubblica.

Saluti

**signorfilm** · 21-10-2023, 13.32.18

Salve, purtroppo non funziona

**signorfilm** · 21-10-2023, 13.32.52

https://mega.nz/file/5SdhyQJY#jr4fHk...5QAQDqsvOBNsLM

**frasidipace** · 21-10-2023, 19.27.46

Originalmente inviato da signorfilm

Salve, purtroppo non funziona

Salve,
il codice della Search Console di Google non va inserito lì, ma in Yoast SEO. Segua questo tutorial.
Nel plugin che Leo ho suggerito deve insicare solo il codice che le ho indicato nella precedente risposta.

Saluti

**signorfilm** · 25-10-2023, 02.25.09

https://mega.nz/file/dG93nBSJ#3Mgh8K...49EKLbRtgDc8W0

**signorfilm** · 25-10-2023, 02.26.02

Cosi' funziona però vorrei che la barra di ricerca comparisse sotto l'immagine del logo e non in testa alla pagina

**signorfilm** · 25-10-2023, 02.26.32

https://mega.nz/file/1SdHRKRA#9DHaYv...9y7qJnH7XbN2Zs

**frasidipace** · 27-10-2023, 12.23.20

In teoria dovrebbe essere possibile inserendo il codice nel box <BODY> ma non sembra funzionare.
Le consiglierei, pertanto , di chiedere al supporto dello stesso plugin.

Saluti

**signorfilm** · 30-10-2023, 16.38.38

Ok, grazie

Discussione: Centrare il menu

LinkBack

Strumenti discussione

Display

Centrare il menu

Regole di scrittura