eh purtroppo no sto costruendo il sito in locale, non ho modo di andare on line,Originariamente inviata da ResianTaxidrive
questa è la risposta del browser inserendo il codice nel widget:
screen shot1.jpg
L'immagine la visualizza correttamente, ma il resto del codice no, e il link lo mette in alto a sx e non dentro l'immagine..
Ultima modifica di Dannn; 23-04-2015 a 19:02
come è possibile che tu veda il css come testo? Non capisco dove lo hai inserito. NOn devi inserirlo nell'editor di testo del widget bensì in un file con estensione .css
Inoltre se tu inserisci
<div id="button1"><a href="tuo link"></a></div>
la regola stile deve essere
#button1{
...
}
Cioè, non ha senso inserire un div con id=button1 se poi metti una regola stile chiamata #button...vedi bene che la regola non agisce su niente.
Ok. Il problema è dare il comando che identifichi quel preciso widget di testo dentro al quale la regola di stile deve andare ad agire, ora, il widget in questione dovrebbe essere:
id="widget-37_text-10" class="widget"
Il codice completo che vado a inserire nel .css quale dovrebbe essere?
Non complicarti le cose.
Se in un widget tu inserisci un div a cui assegni un id, chiamandolo come ti pare (ad esempio:button1), poi nel foglio stile metti una regola
#button1{margin:20px;} (ad esempio)
che va ad agire sul tuo oggetto che ha quell'id.
Ma la mia perplessità nasce dal fatto che tu hai postato una immagine (presa dal browser presumo) dove si vedevano le regole css! come se le avessi incollate anch'esse nel'editor del widget.
Si si errore fu.. adesso ho messo il la regola di cui sopra nel foglio di stile ma non va.. continua a visualizzare solo il link "vai" senza immagine di sfondo..
OK, cerchiamo di capire perchè. Che browser usi? Sai usare firebug per Firefox oppure l'ispettore di codice di Chrome?
Si ho entrambi i browser, di soluto uso ispeziona elemento di chrome..
Ecco, allora se ispezioni il codice in corrispondenza del link, riesci a vedere se c'è il div con id="button1"? Se non c'è vuol dire che il widget ha segato via tutto l'html. Se invece c'è, abbiamo buone speranze.
Si il div c'è, forse sbaglio qualcosa io:
-il codice css basta metterlo alla fine del foglio di stile del tema o va inserito in una posizione specifica?
-il percorso dell'immagine deve essere
background:img src=".....";
o
background:<img src=".....">;
?
La regola la puoi in teoria inserire in qualsiasi posizione, devi solo stare attento che il foglio stile non sia diviso in "parti" che corrispondono alle media queries (ad es. @media (max-width: 320px)), per cui occhio a non inserire la regola all'interno di una di queste media queries (altrimenti vla regola viene applicata solo in certi casi, quando la finestra del browser è stretta). Quindi per essere sicuri, cerca di scrivere la regola verso l'inizio del file.
Il percorso dell'immagine deve essere:
background:url(url_immagine);
E ricordati di inserire anche una larghezza e una altezza al div, così si apre il giusto per farti vedere l'immagine.
Permessi di invio
Rispondi quotando