Printable View
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
Salve,
acceda a Aspetto->Personalizza->CSS aggiuntivo e provi ad aggiungere questo codice:
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.Codice:#site-navigation {
float: unset!important;
display: flex!important;
justify-content: center!important;
}
Saluti
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.Citazione:
Originalmente inviato da progettireader
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
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.Citazione:
Originalmente inviato da progettireader
Saluti
https://i.ibb.co/vDHrsPg/Cattura.jpg
Grazie per aver verificato. A presto
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
Salve,
provi col seguente codice CSS:
SalutiCodice:.main-navigation ul {
justify-content: center!important;
}
Grazie tantissimo
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,Citazione:
Originalmente inviato da signorfilm
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
Una volta salvato, acceda a Aspetto->Personalizza->Opzioni Header->Stile Header e tolga la spunta a Icona Cerca e clicchi su Pubblica.Codice:<?php echo do_shortcode('[wpdreams_ajaxsearchlite]'); ?>
Saluti
Salve, purtroppo non funzionahttps://mega.nz/file/5SdhyQJY#jr4fHk...5QAQDqsvOBNsLM
Salve,Citazione:
Originalmente inviato da signorfilm
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
Cosi' funziona però vorrei che la barra di ricerca comparisse sotto l'immagine del logo e non in testa alla pagina
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
Ok, grazie