• Goededag beste knutselaars,

    Ik heb een website breedte van 1280 pixels en ik gebruik WordPress met Astra.

    Heeft iemand een oplossing voor mij om de website breedte automatisch aan te laten passen aan de gebruikte monitor resolutie, dus dat de 1280px smaller of breder wordt bij gebruik kleine of groter scherm?

    Mag in CSS

    Alvast bedankt.

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

15 reacties aan het bekijken - 1 tot 15 (van in totaal 16)
  • Guido

    (@guido07111975)

    Hoi,

    ik vond deze info in de documentatie vh thema.

    Guido

    Thread starter aver2017veelzijdig

    (@aver2017veelzijdig)

    Hey Guido,

    Deze instelling heb ik al en die werkt niet.

    Bedankt voor het meedenken.

    gr Ton

    Guido

    (@guido07111975)

    Hoi Ton,

    Dit zou wel mogelijk moeten zijn volgens de documentatie (zelf niet getest).

    Volgens de documentatie kun je per bericht/pagina ook nog dingen instellen. Maar dat gaat dus per bericht/pagina, niet echt handig.

    Guido

    Thread starter aver2017veelzijdig

    (@aver2017veelzijdig)

    Hey Guido,

    Van die full wide instelling per pagina had ik ook al geprobeert.

    Kijk als ik mijn website open op mijn 15 inch laptop dan heb ik kleine delen grijs naast mijn container.

    Open ik de website op mijn 27 inch monitor dan is mijn container even groot en de grijze vlakken er naast veel breder.

    Dus eigenlijk denk ik dat het in CSS wel opgelost kan worden, ik heb al zoiets die mijn header automatisch aanpast aan mijn container, ook verkregen via het Forum.

    Verder heb ik alles zelf een beetje voor elkaar gekregen, maar dat die verhouding website nog niet.

    gr Ton

    Guido

    (@guido07111975)

    Hoi Ton,

    In plaats van CSS kun je natuurlijk beter bestaande functies vh thema gebruiken om dit voor elkaar te krijgen.
    Ik zal later deze week Astra even installeren en kijken of het mij wel lukt. Gebruik jij ook een page builder plugin, of de standaard blok editor?

    Guido

    Thread starter aver2017veelzijdig

    (@aver2017veelzijdig)

    Goedemorgen Guido,

    Ik gebruikte vroeger WordPress met een oud thema die er op een gegeven moment uit ging.

    Toen ben ik overgestapt naar WordPress met Astra die door veel mensen gebruikt werd.

    Mijn pagina’s zijn gewoon onder WordPress gemaakt en je hebt nou eenmaal een extra plugin nodig voor randzaken.

    Ik ben niet zo’n echte website bouwer maar zit soms er lekker mee te rommelen, mijn ex zwager heeft ooit een opzetje gemaakt en ik heb dat een beetje uit gebouwd.

    Ik weet niet of je al gekeken heb naar mijn site dan kan je zien dat het heel eenvoudig is: http://www.averlaan.nl

    Guido alvast heel erg bedankt voor het mee denken.

    gr. Ton

    Guido

    (@guido07111975)

    Hoi Ton,

    Ik heb Astra even geïnstalleerd.
    In de Customizer kun je naast de globale instellingen ook de breedte instellen voor pagina’s en voor berichten. Zie kopje Blog en kopje Pagina en dan de “Lay-out container” instelling.

    Guido

    Thread starter aver2017veelzijdig

    (@aver2017veelzijdig)

    Hey Guido,

    Ook deze instellingen heb ik al een keer bekeken maar daar maak je de hele website breder meer, maar ik wil dus die breedte van 1280 die ik nu heb behouden want zo komt hij nog net helemaal in beeld op een 11,6 inch laptopje, maar op een 27inch monitor wordt de website een smal papiertje.

    Ik zou dus willen dat de website zich automatisch aanpast aan de resolutie van een monitor, ik denk dat wat ik wil niet mogelijk is.

    gr Ton

    p.s ik ga ook nog even kijken.

    Guido

    (@guido07111975)

    Als je het op volledige breedte zet dan pakt hij toch in ieder scherm de hele breedte, met links en rechts wat witruimte. Dat is toch wat jij wilt?

    Guido

    Thread starter aver2017veelzijdig

    (@aver2017veelzijdig)

    Onder page en dan container op volledige breedte zetten gaat niet goed, dan komt de achtergrond er door heen en verschuift alles.

    Onder blog heb ik wel de container op full width gezet, maar geeft geen verschil op een 27 inch monitor.

    Wel ben ik er achter dat wat ik voor ogen had niet mogelijk is, ik heb verschillende andere websites bekeken en die hebben allemaal hetzelfde probleem.

    Wat dus de conclusie is dat wanneer de website breedte 1280 is, het nooit uitgerekt kan worden om de zelfde layout te krijgen op een groot of kleiner scherm, de witte zijvlakken worden dus ten aller tijden smaller of breder naarmate de monitor kleiner of groter wordt.

    Zowel jij als ik kunnen dit waarschijnlijk niet oplossen.

    Gr Ton

    Guido

    (@guido07111975)

    Hoi,

    Bij mij op 24 inch scherm werkt volledige breedte prima. Hele scherm wordt gevuld.

    Je hebt aangepaste CSS toegevoegd in de Customizer, de header een vaste breedte gegeven. Dat overschrijft de standaard CSS.

    Guido

    Thread starter aver2017veelzijdig

    (@aver2017veelzijdig)

    Ja die vaste CSS moest wel omdat er geen mogelijkheid was om de header gelijk te krijgen met het content en sidebar.

    Als dat het probleem is dan moet ik er maar mee leren leven.

    Gr Ton

    Thread starter aver2017veelzijdig

    (@aver2017veelzijdig)

    Ik zal even een child maken van mijn website en dan die CSS optie uitvinken en kijken of ik er dan uit kom, moet ik wel op één of andere manier die header weer gelijk zien te krijgen.

    Thread starter aver2017veelzijdig

    (@aver2017veelzijdig)

    Hey Guido,

    Vandaag een Child (kopie) gemaakt van mij site en daarin die vaste header optie uitgeschakeld in CSS.

    In customize onder blog archive de container layuot op full width gezet en ook onder Page search page de container lauout op full width gezet.

    Ik heb de header op mijn 17 inch laptop recht boven het content/sidebar kunnen krijgen door de marges aan te passen in de header opmaak, die header is dus 1280px breed.

    Al ik nu op mijn 27 inch monitor ga kijken staat de hele website nog steeds zoals in het begin maar de header is dus behoorlijk naar rechts verschoven, zier er niet uit dus.

    Kortom lukt het nog steeds niet wat ik wilde, toch een dingetje denk.

    Gr Ton

    Guido

    (@guido07111975)

    Hoi Ton,

    Ik heb alleen een 24 inch en daar werkt het prima. Heb je misschien op de pagina’s zelf ook een template ingesteld? Want dat overschrijft de Customizer.

    Overigens zitten steeds minder mensen achter een groot scherm, door gebruik van tablet en mobiel.

    Guido

15 reacties aan het bekijken - 1 tot 15 (van in totaal 16)