Suport » Probleme și soluții » Adaugare img inaintea textului in titlul widgetelor
Adaugare img inaintea textului in titlul widgetelor
-
Buna ziua. Numele meu este Alexandru. Am o mare nelamurire… deoarece tema pe care o folosesc este Basic de la themify, la titlul widget-elor nu mai apare nimic suplimentar ca sa-i dea putina atractivitate, ci e un simplu text al unui widget si atat. As vrea sa pun inainte de fiecare titlu (ma refer doar la widget-uri). Am gasit in style.css urmatorul cod:
SIDEBAR *************************************************************************************/ .widget { margin: 0 0 30px; word-wrap: break-word; } .widgettitle { margin: 0 0 10px; padding: 0; font-size: 120%; } .widget ul { margin: 0; padding: 0; } .widget li { margin: 0; padding: 6px 0; list-style: none; clear: both; border-top: solid 1px #ddd; } .widget ul ul { margin: 6px 0 -6px 0px; padding: 0; border-top: none; } .widget ul ul li { margin: 0; padding-left: 10px; }
Am adaugat la widgettitle urmatoarea:
.widgettitle { margin: 0 0 10px; padding: 0; font-size: 120%; background-image:url("http://www.naukrilearning.com/images/vertical_line.gif"); background-repeat:no-repeat; }
dar imagine se suprapune cu textul.
Cum pot pune imaginea inainte de text fara a fi suprapus? Multumesc enorm, raman dator!!!
-
Din cate inteleg din postul tau (si inteleg cam greu), tu vrei un background pentru widget title.
In cazul asta, trebuie sa pui un background pe widget title, sa faci un padding left pentru a distanta textul fata de marginea din stanga.
Salut voala. Scuza-ma, nu am fost foarte explicit. Vreau sa pun o imagine in stanga titlurilor widgetelor, dar sa nu se suprapuna. Am adaugat urmatorul cod in style.css `.widgettitle {
margin: 0 0 10px;
padding: 0;
font-size: 120%;
background-image:url(„http://www.naukrilearning.com/images/vertical_line.gif”); background-repeat:no-repeat;`
si a iesit asa:
http://george-alexandru.juplo.com/wp-content/uploads/2013/04/titlu-widget.png
Intrebare mea este: ce cod css sa folosesc ca sa nu se mai suprapuna imaginea cu scrisul. Multumesc enorm!Pai da, a iesit asa pentru ca nu ai padding stanga la text.
css trebuie sa fie
.widgettitle { margin: 0 0 10px 0; /*margine jos 10px pentru spatiere*/ padding:0 0 0 10px; /*spatiaza textul 10px fata de marginea stanga*/ background:url("http://www.naukrilearning.com/images/vertical_line.gif") top left no-repeat; }
Multumesc foarte mult. A mers. Acum este exact cum vreau eu. Multumesc mult de tot si scuza-ma daca ti-ai pierdut timpul cu mine. Mc mult. O zi buna iti doresc.
Cu placare. Bine ca ai rezolvat.
- Subiectul „Adaugare img inaintea textului in titlul widgetelor” este închis pentru răspunsuri noi.