Twenty twenty theme, ander background image op mobile devices

  • renate1975

    (@renate1975)


    4 jaren, 7 maanden geleden

    Hallo,

    Het ingestelde achtergrondbeeld op de website met het thema Twenty Twenty ziet er goed uit op een desktop. Maar op een kleiner scherm, wordt het beeld ook kleiner en dus gedetailleerder. Hoe kan ik dit aanpassen voor kleine schermen? Ik heb de volgende css geprobeerd:

    @media screen and (max-width: 478px) {
    .entry-content {
    background-image: 200%;
    }
    }

    Het beeld dus groter proberen te laten zien op een kleiner scherm. Ook heb ik geprobeerd te verwijzen naar een ander beeld:

    @media only screen and (max-width: 478px){
    body {
    background-image: url(http://www.dedocumentairefotograaf.nl/achtergrond-mobile/);
    }
    }

    Maar er gebeurt niets. Heeft iemand advies?

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

1 reactie aan het bekijken (van in totaal 1)
  • erpee

    (@erpee)

    4 jaren, 6 maanden geleden

    De link moet volgens mij tussen “aanhalingstekens”, dus:

    background-image: url(http://www.dedocumentairefotograaf.nl/achtergrond-mobile/);

    Maar ik mis ook de directe verwijzing naar een afbeelding, er staat alleen maar een pad dus niet:

    background-image: url(http://www.dedocumentairefotograaf.nl/achtergrond-mobile/afbeelding.jpg);

1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘Twenty twenty theme, ander background image op mobile devices’ is gesloten voor nieuwe reacties.