Ondersteuning » Thema en CSS/opmaak » Neve theme afbeeldingen tablet

  • Goedemiddag,

    Hopelijk kunnen jullie me helpen met de volgende vraag. Ik ben bezig met het vernieuwen van mijn website https://zonnigopreis.nl. Dit doe ik via een testversie van mijn website: https://nieuw.zonnigopreis.nl.
    Ik ben zo ongeveer klaar met alle vernieuwingen, maar nu kwam ik er achter dat bepaalde afbeeldingen op een tablet kleiner zijn dan andere afbeeldingen op dezelfde pagina (die op mijn computer wel allemaal dezelfde grootte hebben). Het gaat dan bijvoorbeeld om pagina https://nieuw.zonnigopreis.nl/beste-reistijd/januari/
    De eerste drie afbeeldingen zijn even groot, maar alle volgende afbeeldingen zijn van andere grootte. De eerste rij van 3 afbeeldingen heb ik eerst aangemaakt en dan telkens deze rijen gekopieerd.
    Kan iemand mij vertellen hoe dit komt? Ik kan het probleem niet zien als ik via beaver builder voor responsief bewerken in tablet modus kies.
    Daarnaast wil ik graag dat mijn website op een tablet ook in landscape mode te zien is, maar dan wordt het beeld erg versmald, net alsof hij nog in portrait mode staat. Kan ik dit aanpassen of ligt dit aan het thema Neve?

    Ik hoor graag of iemand mij kan helpen.
    Bedankt!!

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

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

    (@guido07111975)

    Hoi,

    Ik zie dat je vanaf de 2e rij met afbeeldingen (vanaf India/Kenia/Laos) een breedte voor klein scherm hebt toegevoegd:

    
    @media (max-width: 768px)
    .fl-col-small:not(.fl-col-small-full-width) {
        max-width: 400px;
    }
    

    Dus als je een pagina bouwer gebruikt, zal dat ergens in de instellingen van de wrapper/container van die kolommen moeten staan.

    Guido

    Thread starter zonnigop

    (@zonnigop)

    Hoi Guido,
    Dank voor je reactie. Ik snap niet helemaal waar ik deze instellingen kan terug vinden. Ik zou graag deze instelling voor alle kolommen hetzelfde hebben.
    Kun je me vertellen waar ik dit kan doen?
    Bedankt!!

    Guido

    (@guido07111975)

    Ik denk in de instellingen van de afzonderlijke kolommen (India, Kenia, Laos, etc). Ik ga ervan uit dat er iets anders staat ingesteld tov de kolommen in de eerste rij. Dus vergelijk anders de instellingen van kolom India met een eerdere kolom zoals Cambodja.

    Guido

    Thread starter zonnigop

    (@zonnigop)

    ja dat is dus het rare, daar staat alles gelijk. Ik heb ook gewoon de eerste rij van 3 gekopieerd, dus vreemd dat het niet allemaal hetzelfde is.
    Heb je toevallig nog een andere oplossing? Anders ga ik alles maar opnieuw kopiëren en hopen dat het dan wel goed werkt.
    Bedankt,
    Groet,
    Maerle

    Guido

    (@guido07111975)

    Hoi,

    Vergelijk ook nog even de instellingen van beide rijen met elkaar (de rijen waarin dus de 3 kolommen staan).

    Guido

    Thread starter zonnigop

    (@zonnigop)

    Hoi Guido,
    Ik heb gekeken, maar ze staan allemaal in dezelfde rij, dus daar zijn ook geen verschillen in de instellingen. Nog andere ideeën?
    Groetjes Maerle

    Guido

    (@guido07111975)

    Hoi,

    Als ik de rijen inspecteer in mijn browser dan zie ik dat de eerste rij (Cambodja, Costa Rica, Cuba) een extra CSS-klasse heeft: fl-col-group-custom-width

    Oftewel, ik denk dat de eerste rij (wrapper) dus een afwijkende layout instelling heeft.

    Als je er niet uit komt, zul je iemand moeten vragen om hier even voor je naar te kijken.

    Guido

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