Ondersteuning » Thema en CSS/opmaak » footer over heel de breedte
footer over heel de breedte
-
Hallo,
Ik probeer een website te bouwen met het twenty fourteen thema,
maar heb redelijk wat struikelblokken.
Hoe kan ik de footer over heel de breedte laten verschijnen?
http://bvpartners.be/
Bedankt voor een ‘eenvoudige’ oplossing.
Greet
-
Dag Greet,
Als je via WEERGAVE > WIDGETS een aantal widgets toevoegt aan de Footer Widgetbalk dan komen deze onderaan te staan over de gehele breedte.
Lukt dit?
Groet,
Thijs
__________________
De meest volledige WordPress handleidingen vind je bij WP Handleiding
Professioneel WordPress design nodig? Bekijk hier ons portfolio.Beste Thijs,
Bedankt voor uw antwoord.
Ik heb een tekstwidget toegevoegd aan de Footer ruimte, dan tekst ingevoerd, maar de tekst staat in blok aan de linkerkant van de grijze balk en nooit over de ganse breedte…
Jij spreekt over een aantal widgets…welke bedoel je dan?
GreetIk heb er vier toegevoegd, met dezelfde tekst?
Nu verschijnen er 2 blokken onderaan, één rechts en één links.Dag Greet,
Kun je een screenshot sturen van de widget backend?
Groet,
Thijs
__________________
De meest volledige WordPress handleidingen vind je bij WP Handleiding
Professioneel WordPress design nodig? Bekijk hier ons portfolio.Beste Thijs,
Ik heb de teksten nu verdeeld over 4 tekstkaders, maar dan sluiten ze niet aan elkaar natuurlijk.
Ik heb een printscreen gemaakt maar hoe krijg ik die in dit forum, ik zie geen bijlage teken…
Het is de eerste keer dat ik een forum gebruik, sorry daarvoor.
Groetjes,
GreetHi Greet,
Ja top, ik zie het op de website. Nu zie je dus waar de widgets komen te staan. Dus kun je bepalen welke je waar gebruikt. Zoals in de demo: https://twentyfourteendemo.wordpress.com/
Daar zie je ook de vier widgets onderaan de pagina.
Groet,
Thijs
__________________
De meest volledige WordPress handleidingen vind je bij WP Handleiding
Professioneel WordPress design nodig? Bekijk hier ons portfolio.Hartelijk dank Thijs, ik heb begrepen dat het dus eigenlijk niet in één lijn kan geplaatst worden.
Spijtig maar helaas.
Bedankt voor uw tijd.
GreetHi Greet,
Uiteraard kan dit wel, tenslotte ben jij de baas, met een kleine aanpassing van de css.
`
.footer-sidebar .widget {
width: 100%;
}De widgets hebben nu een width van 25%, vandaar dat je er vier naast elkaar kunt zetten. Verwijder je drie laatste, en plak alles achter elkaar in je eerste widget, dan heb je waarschijn het gewenste resultaat.
groet,
LianneHallo Lianne,
Hartelijk dank voor uw reactie, ik ken er nog niet veel van, kan je mij zeggen waar ik dit invul?
Ik veronderstel: weergave/editor/ maar dan…
en waar zet ik het letterlijk neer?
Bedankt op voorhand!
Groetjes,
GreetGoede aanpak, je komt dan in het bestand style.css. Op regel 3821 staat:
.footer-sidebar .widget { box-sizing: border-box; float: left; padding: 0px 30px; width: 25%; }
Maak van de laatste regel: 100%.
Als je regelnummering mist: download plugin WP Editor.groet,
LianneSchitterend! Bedankt Lianne.
In welke regel pas ik nu de lettergrootte aan zodat ik de tekst netjes kan uitvullen?
Alles is eenvoudig als je het kent…
GreetHet mooiste lijkt me als je de tekst op rechts uitlijnt. Aan het bovengenoemde blokje code voeg je toe:
.footer-sidebar .widget { box-sizing: border-box; float: left; padding: 0px 30px; width: 100%; text-align: right; padding-right: 0; }
Zet daaronder:
.footer-sidebar .widget p{ font-size: 11.9px; }
Het is geen kwestie van ‘weten’, maar kunnen analyseren/ bronnen gebruiken. Dit doe je met de tool die iedere browser heeft als je met een rechtsklik op de muis ‘element inspecteren’ gebruikt. Of in de browser Firefox Firebug. Over dit onderwerp zijn op YouTube heel veel instructie-filmpjes te vinden. Css-stuff kun je nakijken op w3schools, een library voor css-code en info omtrent ondersteuning door browsers.
groet,
LianneHallo Lianne,
Hartelijk dank, je hebt me uitstekend geholpen!
Groetjes,
Greet
- Het onderwerp ‘footer over heel de breedte’ is gesloten voor nieuwe reacties.