Footer Contact info widget

Door Jonas Schoenmakers op 06-04-2016 16:45 gewijzigd op 06-04-2016 16:54

1.941 views

Beste,

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

Ariën

06-04-2016 16:49 gewijzigd op 06-04-2016 16:49

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.

Jonas Schoenmakers

06-04-2016 16:56

- 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.

Hoe doe ik dit juist? Ik kan niet zo goed overweg met PHP & CSS. Waar en in welke file zet ik dit?

Thomas van den Heuvel

06-04-2016 16:58

Jonas Schoenmakers op 06/04/2016 16:45:33
zoals het hoort?

Heb je hier een voorbeeld van?

Jonas Schoenmakers

06-04-2016 16:59

Zo is het nu:

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/

Ariën

06-04-2016 17:21

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.

Jonas Schoenmakers

06-04-2016 17:22

- 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.

Wat zet ik dan juist in dit nieuwe .css file?

Jan de Laet

06-04-2016 17:22 gewijzigd op 06-04-2016 17:25

Je address regels zijn nu <span>, maak daar <div> van, of plaats een <br> na elke </span>.


<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.


<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

Jonas Schoenmakers

06-04-2016 17:27

Ariën, hartelijk dank voor uw antwoord dit heeft dus wel degelijk gewerkt :

span {
	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

07-04-2016 00:26

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.

Jonas Schoenmakers

07-04-2016 10:37

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?


#footer span {
	display: block;
}

Reageren

Inloggen om te reageren