Footer Contact info widget
Ik ben niet voornamelijk bezig met het schrijven van PHP of CSS codes, hiervoor gebruik ik WordPress.com (Ik code voornamelijk in amx-source, pawn voor CS 1.6. Ben nu bezig met python onder de knie te krijgen)
Ik heb onlangs dingen zitten veranderen in footer.php & stylesheet.css en heb gemerkt dat er tijdens het veranderen iets is gebeurt in mijn footer...
Zoals je kan zien op de website http://www.lvd-publi.be/ is het onderste gedeelte van "Contact Info" niet erg netjes. Voor ik aanpassingen deed was het wel nog netjes en was het zoals het hoorde.
Kan iemand mij verder helpen om dit weer te krijgen zoals het hoort?
Alvast Bedankt
Met vriendelijke groeten,
Schoenmakers Jonas
Gewijzigd op 06/04/2016 16:54:09 door Jonas Schoenmakers
Geef je span een display:block mee in CSS.
Pas tevens even je titel aan, door je bericht te wijzigen: 'footer.php' is niet veel zeggend.
Gewijzigd op 06/04/2016 16:49:59 door - Ariën -
- Ariën - op 06/04/2016 16:49:00:
Je bedoelt dat alles achter elkaar staat?
Geef je span een display:block mee in CSS.
Pas tevens even je titel aan, door je bericht te wijzigen: 'footer.php' is niet veel zeggend.
Geef je span een display:block mee in CSS.
Pas tevens even je titel aan, door je bericht te wijzigen: 'footer.php' is niet veel zeggend.
Hoe doe ik dit juist? Ik kan niet zo goed overweg met PHP & CSS. Waar en in welke file zet ik dit?
Jonas Schoenmakers op 06/04/2016 16:45:33:
zoals het hoort?
Heb je hier een voorbeeld van?
Hoeikensstraat 5 unit 17, 2830
Willebroek Phone: 03 886 88 88
E-Mail: [email protected] Web:
http://www.lvd-publi.be/
Zo zou het moeten zijn
Hoeikensstraat 5 unit 17, 2830
Willebroek
Phone: 03 886 88 88
E-Mail: [email protected]
Web: http://www.lvd-publi.be/
Je kan deze style-lvdpubli.css noemen bijvoorbeeld. En deze embed je dan, net als de rest.
- Ariën - op 06/04/2016 17:21:35:
In het algemeen wordt style.css gebruikt voor de stijl van de template-sets binnen Wordpress, maar je kan voor aanpassingen beter een nieuwe CSS-laag erover heen leggen die de andere overschrijft.
Je kan deze style-lvdpubli.css noemen bijvoorbeeld. En deze embed je dan, net als de rest.
Je kan deze style-lvdpubli.css noemen bijvoorbeeld. En deze embed je dan, net als de rest.
Wat zet ik dan juist in dit nieuwe .css file?
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<address>
<div class="address">Hoeikensstraat 5 unit 17, 2830 Willebroek</div>
<div class="phone"><strong>Phone:</strong> 03 886 88 88</div>
<div class="email"><strong>E-Mail:</strong> <a href="mailto:[email protected]">[email protected]</a></div>
<div class="web"><strong>Web:</strong> <a href="http://www.lvd-publi.be/">http://www.lvd-publi.be/</a></div>
</address>
<div class="address">Hoeikensstraat 5 unit 17, 2830 Willebroek</div>
<div class="phone"><strong>Phone:</strong> 03 886 88 88</div>
<div class="email"><strong>E-Mail:</strong> <a href="mailto:[email protected]">[email protected]</a></div>
<div class="web"><strong>Web:</strong> <a href="http://www.lvd-publi.be/">http://www.lvd-publi.be/</a></div>
</address>
Tenslotte lijkt je contact blok te smal om alle data te kunnen bevatten in 1 regel.
Als je hieronder de four vervangt door five, gaat het wel passen.
Code (php)
1
<div id="contact-3" class="widget widget_contact four columns"><h3>Contact Info</h3>
*Update* ik zie dat de four in five veranderen bij contact-3 al voldoende is
Gewijzigd op 06/04/2016 17:25:53 door Jan de Laet
Code (php)
1
2
3
2
3
span {
display: block;
}
display: block;
}
Ik hoef geen naam in te vullen, dit overschrijft automatisch de stylesheet.css blijkbaar
@Jan De Laet, danku voor uw reactie, maar dit is niet wat ik nodig heb sinds mijn footer.php werkt met widgets, dit zet ik er dus niet handmatig in.
Thomas van den Heuvel op 07/04/2016 00:26:51:
Hm, zou daar op zijn minst #footer span { ... } van maken ofzo, zodat niet ALLE spans ineens block level elementen worden... Het is in zijn algemeenheid niet zo'n fantastische gewoonte om stijlen hard aan tags te koppelen geloof ik.
zoiets als dit dan?
Code (php)
1
2
3
2
3
#footer span {
display: block;
}
display: block;
}
PHP Maarten op 07/04/2016 12:42:37:
Jaa dat bedoeld Thomas
Heb het gewoon in mijn stylesheet.css gezet en werkt even goed :)
Bedankt voor alle hulp :)