• Opgelost josvermeulen

    (@josvermeulen)


    Waarschijnlijk erg simpel maar ik kan niet vinden waarin je de layout weer breed kan maken. De header (en de footer) loopt nu niet door links en rechts en dat zou ik wel willen.

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Heb je dit al geprobeerd:

    .site-header, .site-footer{
       width:100%;
    }

    Als je theme een optie heeft om de CSS aan te passen, bijvoorbeeld in een ‘custom css’-veld, plaats dan de aanpassing[en] aan je css hierin.
    Ontbreekt een dergelijke optie in je theme? Volg dan de instructies hieronder.

    Alternatief: Voeg bovenstaande code toe aan style.css van je CHILDtheme.
    Zo voorkom je dat al je aanpassingen worden overschreven als de makers van je theme een update installeren.
    Verder heeft het als voordeel dat alle aanpassingen overzichtelijk bij elkaar staan. Dat is makkelijk, overzichtelijk en eenvoudiger te onderhouden.

    Kies je ooit een ander theme, dan dien je een nieuw childtheme te maken.

    Heb je nog geen childtheme?

    1. installeer en activeer ‘one click childtheme’-plug-in
    2. activeer de originele theme
    3. Dashboard > weergave > child theme
    4. beantwoordt de vragen op het scherm
      >> er wordt een child theme aangemaakt in een map met bestanden zoals style.css;
    5. Activeer het childtheme.
    6. ==

    7. om je site aan te passen, maak je nu alle wijzigingen in de map en bestanden van je child theme.
      – Maak je aanpassingen in style.css van het childtheme;
      – mocht je aanpassingen willen maken in de originele php-bestanden, kopieer de betreffende php-file uit het originele theme naar de map van het childtheme. Maak hierin dan de gewenste aanpassingen.

    == == == Extra
    Als je precies wilt zien welke elementen je site heeft en welke opmaak-kenmerken [css] daarbij horen, installeer dan bijv de browser-add-on ‘firebug’ of een andere webdeveloper plugin / add-on.

    Zo kan je op zoek naar de diverse elementen en de kenmerken zoals kleuren etc. aanpassen.

    Thread starter josvermeulen

    (@josvermeulen)

    Bedankt W.P.Ginfo. Bedankt voor je reactie. Het heeft helaas niet geholpen. Het rare is dat de site voor vandaag wel een wide layout had, en nu plotseling ‘boxed’ is geworden. Snap er helemaal niets van.

    Zorg wel dat je debrowser ververst! <ctrl-F5> en de cache leegt:
    http://www.browserchecker.nl/cache-bestanden-verwijderen

    Werkt dat niet, geef dan even de url van je site, dan kunnen we meekijken en zoeken naar een oplossing.

    Thread starter josvermeulen

    (@josvermeulen)

    Ik weet niet meer zeker of er wel iets veranderd is. Ik heb mijn schermresolutie veranderd (heb meer ruimte gemaakt en alles is kleiner) en daardoor kan dit ook gebeurd zijn (?). De header en de footer lopen niet (meer) door tot de zijranden van het venster. Het ziet er nu een beetje raar uit, dus ik vraag me af of dit zo hoort (en dat ik het dus nooit gezien had door mijn gebruikte schermresolutie) of dat de header en footer toch volledig door moeten lopen.
    De url is: http://opreis.josvermeulen.com
    Graag zou ik dus weten of dit normaal is.

    Hartelijk dank voor je tijd!

    Jos,

    Ik heb met 3 browsers naar je site gekeken en het niet er ‘normaal’ uit, met een 100% brede header en footer.
    Gebruik <ctrl-scroll-muis> om de breedte aan te passen aan je scherm.

    Het kan zijn dat de schermresolutie-wijziging de boel in de war gooit.

    Thread starter josvermeulen

    (@josvermeulen)

    Hi W.P. Ginfo,

    Dank je voor je moeite. Heb je ook op een giga monitor met enorme resolutie gekeken? Ik gebruik een Mac (Retina Macbook Pro 15″) en de truc die jij geeft om de breedte aan te passen werkt hier niet.

    Het is wel zo dat wanneer ik naar een lagere resolutie ga het probleem opgelost is, maar er zijn nu eenmaal mensen met hele grote monitoren 😉

    Het is geen giga probleem, maar het irriteert mij een beetje.

    Hartelijk dank in ieder geval voor je hulp.

    Ik heb eeb 24″ monitor met een 1920*1080 resolutie. Ik weet niet wat jij GIGA noemt.

    Ik heb ook op een fullHD TV van 40″ gekeken.
    Dan sluiten header en footer niet helemaal meer aan op de rand van het beeld, maar de rest van het beeld pas ZEEEEEEEEEEEER ruim op zijn plek.

    Vuistregel:

    Probeer maatgeving op te geven in percentages, ipv pixels.
    Geef de ‘eerste / hoofdmaat’ [max. breedte] als de max-default breedte van je scherm.
    Alle andere % maten worden hiervan vervolgens afgemeten.

    Probeer in dit geval of je de default breedte van de site aanzienlijk kunt vergroten.

    NB!
    MAAK eerst een backup van de site, de database en de settings.

    Thread starter josvermeulen

    (@josvermeulen)

    Okay, ik heb altijd gedacht dat een doorlopende header en footer onder alle omstandigheden doorliep. Je hebt volkomen gelijk dat het als je heel groot gaat geen enkele functie meer heeft.

    Ik ga er eens even mee spelen. Hartelijk dank voor de adviezen en zal dit onderwerp als opgelost markeren.

    Graag gedaan, veel succes.

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Het onderwerp ‘Twenty thirteen plotseling boxed layout ipv wide’ is gesloten voor nieuwe reacties.