Home › Forum › Problemi Vari con WP › Come modificare nel css i menù a tendina?
-
AutorePost
-
-
19 Settembre 2012 alle 17:16 #22614Ice273Partecipante
Ciao ragazzi, grazie all’aiuto di Wolly e d un videotutorial trovato sul web (che ho postato nell’altra discussione), sono riuscito a modificare il css del tema child di twenty eleven: ho modificato banner, colori, font…
mega problema, non riesco a capire come modificare i menù a tendina.
Se andate ora sul mio sito http://www.ecolab360.it/ potete notare che se passate il mouse su “Portfolio” (sulla barra menù) appare una “box grigiolina e il sotto menù a tendina è tutto scomposto.
Ho provato a modificare “padding” e “margin” del acces di riferimento ma non riesco a metterlo….com’era prima. Sapete darmi il codice appropriato modificato da aggiungere al mio style.css? Oppure linkarmi un sito con spiegazioni dettagliate?
Per capirci, io lo vorrei come quello che c’è “A PARENT PAGE” su http://twentyelevendemo.wordpress.com/
Se invece io volessi…sarebbe possibile togliere proprio le box definitivamente?
Tipo creare il background solo sul menù a tendina ma togliere lo sfondo su “home”
Grazie mille
-
19 Settembre 2012 alle 17:38 #97586TittiModeratore
Quello che c’è nell’esempio che hai linkato è quello originale, quindi basta che togli le modifiche fatte al menu nel child theme e torna quello.
-
20 Settembre 2012 alle 7:39 #97590Ice273Partecipante
Scusami Titti, ti ringrazio, ma mi sono espresso male!
Quello linkato è com’era prima vero… io però vorrei tenere la linea piccola grigia come ho impostato ora sul mio sito, ma vorrei che quando passo con il mouse sopra le scritte, i menù a tendina creino una box grigiolina dello stesso spessore della banda (che ora è più piccola rispetto all’originale) e vorrei che il menù a “scomparsa” sotto “portfolio” scendesse ordinato e non alla “cazzo di cane” (concedimi il termine) com’è ora!
Oppure mi andrebbe anche bene eliminare direttamente il box grigiolino intorno a “home”-“porfolio”-“contatti” e lasciarlo solo quando uno va sul sotto-menù a scomparsa (portfolio).
Spero di essermi chiarito meglio.
Sai come posso fare???
Grazie mille
-
20 Settembre 2012 alle 10:24 #97593TittiModeratore
Se usi Firebug queste cose riesci a farle da solo.
Come detto prima, togli tutto il codice del menu che hai aggiunto tu nel child, di modo che venga ripristinato l’originale, e guarda sul sito che sia tutto OK.
Ora rifai solo la modifica che avevi fatto su quella che tu chiami “linea piccola grigia” (immagino tu abbia aggiunto height: qualcosa a #access), che però io terrei più alta.
Quando guardi il sito noterai, se c’è il CSS originale a parte l’altezza della barra del menu principale, che le pagine figlie di “Tutti i progetti” si dispongono a fianco di questa, senza quegli spazi trasparenti che ci sono ora, in modo regolare.
Adesso, se vuoi ridurre l’altezza anche del background di queste sotto-pagine, basta che lavori su line-height e/o height di #access ul ul a, tenendo presente che se metti un valore a height poi questo sarà fisso, e in caso di ritorno a capo come ora poi la riga sotto non si legge, e quindi per evitarlo devi anche allargare il background (width: 188 px ad esempio), ed eventualmente diminuire il font-size.
L’effetto secondo me non è bello, perché se restringi questo background tanto come quello superiore le scritte del sotto-menu si confondono con il testo sotto, e non è neanche bello che il background del sotto-menu sia più alto di quello superiore.
-
26 Settembre 2012 alle 7:25 #97688Ice273Partecipante
Ciao Titti, grazie mille per i consigli, c’è l’ho fatta!! Avevi ragione tu sul menù a tendina, adesso ho ridimensionato l’idea di partenza trovando un compromesso che mi soddisfa. Tu cosa ne pensi?
Senti avrei ancora dei dubbietti…
1)Adesso che ho fatto tutti le mod nel css ho notato che il plug-in nextgen-gallery non funziona (ieri veramente funzionava) non capisco come mai. Io ho modificato solo la larghezza della pagina. Sai dirmi come mai?
2)Se dai un’occhiata a questo sito di un mio amico, http://www.lucadamico.it/, noterai che c’è, “sopra” tutta la pag una texture con dei pallini. C’è un modo per inserirla in wordpress? Ho provato dallo sfondo ma rimane sotto, io vorrei che si vedesse sopra tutto.
3)Se vai sul mio sito (www.ecolab360.it) e provi a fare la ricerca con “search” noterai che ti appare sulla sinistra “archivi, meta collegati” è possibile toglierlo? cioè fare in modo che nella pagina “cerca” appaia solo ciò che hai cercato?
Ps mi dai un tuo giudizio professionale sul mio sito please? Vacci pesante
Grazie mille
-
26 Settembre 2012 alle 8:29 #97689TittiModeratore
1) In che senso non funziona, a me sembra che vada.
2) Il tuo amico ha acquistato questo tema
3) àˆ un widget d’esempio che sparisce se metti un widget qualsiasi in quella sidebar. Se non vuoi nessun widget, aggiungerne uno di testo vuoto dovrebbe funzionare.
4) Non sono professionista, e se lo fossi non darei consigli gratuiti, ti pare?
Comunque, il menu ora è a posto, per il resto il sito mi sembra ben leggibile e pulito. Forse ora dovresti fare una home un po’ più accogliente e/o accattivante… ma non mi chiedere come fare
-
1 Ottobre 2012 alle 20:56 #97789Ice273Partecipante
Grazie mille Titti i tuoi consigli sono stati preziosi!!
-
-
AutorePost
- Devi essere connesso per rispondere a questo topic.