Ondersteuning » Thema en CSS/opmaak » Align center lukt niet bij hoge resoluties.

  • Opgelost highresolution

    (@highresolution)


    Beste mensen,

    Ik heb gezocht in de andere vragen, maar deze niet gevonden. Vergeef me als het wel ergens staat.

    Mijn probleem is dit.
    De site staat netjes in het midden zoals ik het wil, en waardoor die ook mooi is voor kleine schermpjes.
    Maar bekijk ik um nu vanaf 1920×900 gaat ie helemaal naar rechts staan. Ik zoek me rot in de CSS wat ik kan veranderen, maar niets te vinden.
    Het is het thema accelerate. Ik bekijk um in Firefox.
    Adres als je (alsjeblieft) even wilt kijken via FIrebug ofzo is:

    Home

    Enorm bedankt in het vooruit
    Margreet

13 reacties aan het bekijken - 1 tot 13 (van in totaal 13)
  • Hoi Margreet,

    Op mobiel is jouw footer ook veel te breed, ik vind deze breedte in je stylesheet:

    #colophon, #colophon p {width: 1000px;}

    Ik zou daar dit van maken (geen pixels):

    #colophon, #colophon p {width: 100%;}

    Persoonlijk zou ik een p tag ook geen breedte geven.

    Guido

    Thread starter highresolution

    (@highresolution)

    Hey Guido,

    Wat fijn dat je even gekeken hebt, ik zag zelf vandaag ook dat gekke lange stuk.
    Ik ga de breedte direct uit de colophon halen. En idd de p in de div colophon lijkt een beetje zinloos. Heb het volgens mij van het Thema overgenomen maar ga nu alleen de div deze eigenschappen meegeven.

    Heb jij overigens ook een idee voor dat rare probleem dat ik heb op een resolutie van 1920 x 900, of zal ik me daar maar gewoon even niet druk om maken?

    Margreet

    Hoi,

    Ik heb ook een vrij groot scherm maar zie geen vreemde dingen: je site staat netjes in het midden. Wel ontbreekt een icoon links bovenin op iedere pagina behalve de homepage.

    Guido

    Thread starter highresolution

    (@highresolution)

    als goed is nu niet meer 🙂

    Had netjes in de page.php

    <img src=”http://www.margreettimmer.nl/OpEwsum/wp-content/uploads/2016/04/terug.gif&#8221; alt”Go Back” />

    gezet. Maar kreeg plaatje niet te zien. En geen idee wat er mis is met die link naar het plaatje.

    Maar kwam er ook achter dat ie dan alleen op de pages te zienn is en moet uiteraard ook op de posts.
    Weet jij waar ik het beste die back button kan zetten? Ik dacht zelf direct onder de navigatie maar geen idee welke php ik dan moet hebben en waar ik het in zet.
    Maar nu naar bed! 🙂

    Thread starter highresolution

    (@highresolution)

    o laat de javascript niet zien hier? nu wel?

    <a href="javascript:history.go(-1)" onMouseOver="self.status=document.referrer;return true"><img src="http://www.margreettimmer.nl/OpEwsum/wp-content/uploads/2016/04/terug.gif" alt"Go Back" /></a>

    Thread starter highresolution

    (@highresolution)

    ik heb ut! nu gezet in content_single.php en content_page.php 🙂 lelijk plaatje nog maar doet het.

    dit is trouwens mijn eerste wordpress site ever. had zelfs nog nooit een wordpress blog gezien.
    hartstikke leuk 🙂

    Goed bezig!

    Maare, alle pagina’s behalve de homepage zijn op mobiel scherm erg smal geworden nu.

    Je hebt de breedte van je content area en sidebar aangepast / overschreven in je mobile stylesheet.

    Iets zoals dit zou wel moeten werken:

    @media screen and (max-width: 767px) {
    	#primary, #secondary {width:100% !important; padding:20px 0 !important;}
    }

    Nu worden content area en sidebar full width in mobiel scherm. En geen padding links/rechts.

    Ik verwacht dat je dit ook kunt bereiken door ff na te gaan waar je een fout hebt gemaakt in je stylesheet.

    Guido

    Thread starter highresolution

    (@highresolution)

    ik heb net berichtje gestuurd maar staat er niet.
    Nou ja ik heb het dus aangepast en nu is de agenda te zien :-))) op de mobiiel :-))))

    Ik durf niets te veranderen in de style sheet want dat heb ik met veel gedoe zo gemaakt. En als die het zo doet is het wel goed toch?

    Mijn stylesheet is dit ( en er wordt NIET gelachen 😉

    [Groot code blok door moderator verwijderd per de forum regels. Gebruik alsjeblieft Pastebin of een Gist alle grote code blokken, dat werkt toch het beste.]

    Thread starter highresolution

    (@highresolution)

    Nou heb nu twee keer berichtje gestuurd maar wordt niet geplaatst. om je te bedanken omdat het er nu zo mooi uit ziet. De agenda is nu ook te zien op mobiel 🙂

    Ik ga maar even niet op zoek naar de fout want dan ben ik bang dat ik het allemaal verpruts

    Thread starter highresolution

    (@highresolution)

    Aa nu snap ik waarom het niet lukte met eerdere berichtje
    het had de hele stylesheet erin geplakt als voorbeeld maar dat mag schijnbaar niet. ondanks de backticks

    Thread starter highresolution

    (@highresolution)

    Hoi Margreet,

    Het ziet er nu idd veel beter uit.

    Wat je andere topic betreft, ik heb ook een events plugin die steeds populairder wordt: Very Simple Event List. Misschien is dat iets voor je?

    Maar wat jij in je andere topic wilt, kan niet zonder de plugin bestanden zelf aan te passen. En dat moet je niet willen, want plugins worden regelmatig geupdate en dan ben je alles weer kwijt. Ook mijn plugin heeft die optie niet.

    Het is niet handig om hier verder op dat andere topic in te gaan, want het wordt nu off-topic.

    Guido

    ps. je eigen site wordt binnenkort ook een WordPress site ;-)?

    Thread starter highresolution

    (@highresolution)

    Ok dan heb ik pech,
    Ik ga die plugin dan eerst even op een ander plekje proberen voor ik het ga gebruiken, wil zelfde css gebruiken, of ik bedoel moet er net zo uit komen te zien.

    Mijn eigen sitetje is her eerste dat ik ooit heb gemaakt, zon 16 jaar terug ( oma vertelt..) en nooit meer veranderd.
    Inderdaad beter om es te gaan doen, maar wil zo graag die laag houden ( waar de tekst op staat) die omhoog schuift en waar de foto achter zit. Was iets met z-index, en moet dan even zien hoe en wat in wordpress.

    Bedankt voor alles!!

13 reacties aan het bekijken - 1 tot 13 (van in totaal 13)
  • Het onderwerp ‘Align center lukt niet bij hoge resoluties.’ is gesloten voor nieuwe reacties.