Ondersteuning » Thema en CSS/opmaak » WordPress site aangemaakt op macbook 13 In

  • Hi,

    WordPress site is aangemaakt op macbook 13 Inch scherm. Alles is perfect, text is ingesteld op 16px. Voor font is er de plug-in “use any fonts” gebruikt met lettertype Open Sans.

    Nu blijkt er dat de website op een desktop met een scherm van 24 inch het lettertype er groter uit ziet en het gewicht er lager uit ziet. Als resultaat lettertype ziet er helemaal niet meer uit en de zinnen zijn niet meer mooi gealligneerd.

    Ook de layout van header menu boven ziet er anders uit. Het logo die normaal links in de hoek staat is nu iets meer naar rechts gegaan. De spatie tussen het logo en de hoek van het scherm is te groot vergeleken met op een 13 inch scherm. Dit valt op en dit oogt niet mooi.

    Is er een manier om het probleem van de font op te lossen en breedte van de layout aan te passen als ik de website bezoek op een scherm die groter is dan 13″? Zelf heb ik al zitten prutsen met media queries maar helaas vind ik geen oplossing.

    • Dit onderwerp is gewijzigd 7 jaren, 3 maanden geleden door crooklyndodger.
5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Thread starter crooklyndodger

    (@crooklyndodger)

    Nog even ter informatie ik gebruik op beide dezelfde browser (google chrome).

    Toch ben je op de goede weg met de media queries want dat is het belangrijkste wapen om je uiterlijk in meerdere schermbreedtes er goed uit te laten zien.
    Waar ik graag gebruik van maak is Bootstrap 3 die al het css heeft gemaakt en het enige wat jij dan nog moet doen is kleuren en dergelijke aanpassen en dat doe je in het tweede css bestand wat je later laat inladen.

    Heb je trouwens ook je website bekeken met een mobiel?
    Dat zou ook alles goed te lezen moeten zijn zonder extra handelingen. Dat ben je eigenlijk wel verplicht in de huidige tijd.

    Thread starter crooklyndodger

    (@crooklyndodger)

    De layout erger ik mij eigenlijk niet zoveel aan. Wat voor mij telt en het belangrijkste is, is die font die gewoon op niks trekt. Heb je een idee of dit aan use any font ligt of is er misschien een beter alternatief. Of gewoon direct een oplossing voor die media queries aan te passen zodat het letterype er niet anders uit ziet op een groter scherm?

    Met het uiterlijk bedoel ik ook het lettertype (font) en ik heb geen idee wat “use any font” is.
    Ben geen WP gebruiker maar een WP uittester.

    Maar ga verder met de media queries en alles komt goed.

    Je zou Open Sans kunnen proberen.
    Dit bovenaan in je ccs file zetten
    @import url('https://fonts.googleapis.com/css?family=Open+Sans');
    En de font in je body aanpassen.

    • Deze reactie is gewijzigd 7 jaren, 3 maanden geleden door robelia.
5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)
  • Het onderwerp ‘WordPress site aangemaakt op macbook 13 In’ is gesloten voor nieuwe reacties.