Ondersteuning » Thema en CSS/opmaak » footer over heel de breedte

  • Opgelost Fotogreet

    (@fotogreet)


    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

15 reacties aan het bekijken - 1 tot 15 (van in totaal 16)
  • 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.

    Thread starter Fotogreet

    (@fotogreet)

    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?
    Greet

    Dag Greet,

    Volgens mij moet je er even vier toevoegen. Wil je dat proberen?

    Groet,
    Thijs
    __________________
    De nieuwe WordPress Handleiding voor WordPress 4.1.1 vind je hier!
    Klik hier voor drie maanden support van onze WordPress experts.

    Thread starter Fotogreet

    (@fotogreet)

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

    Thread starter Fotogreet

    (@fotogreet)

    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,
    Greet

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

    Thread starter Fotogreet

    (@fotogreet)

    Hartelijk dank Thijs, ik heb begrepen dat het dus eigenlijk niet in één lijn kan geplaatst worden.
    Spijtig maar helaas.
    Bedankt voor uw tijd.
    Greet

    Hi 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,
    Lianne

    Thread starter Fotogreet

    (@fotogreet)

    Hallo 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,
    Greet

    Goede 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,
    Lianne

    Thread starter Fotogreet

    (@fotogreet)

    Schitterend! 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…
    Greet

    Het 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,
    Lianne

    Thread starter Fotogreet

    (@fotogreet)

    Hallo Lianne,
    Hartelijk dank, je hebt me uitstekend geholpen!
    Groetjes,
    Greet

15 reacties aan het bekijken - 1 tot 15 (van in totaal 16)
  • Het onderwerp ‘footer over heel de breedte’ is gesloten voor nieuwe reacties.