Ondersteuning » Thema en CSS/opmaak » Afbeeldingen responsive maken

  • Hi,

    Ik vroeg me af of iemand me kan helpen om een aantal afbeeldingen responsive te maken. Het gaat om de homepage cirkels net onder de slider: http://www.sui5410.ch/ Ik maak gebruik van de page builder plugin en in de plugin heb ik bij de circle een link en img toegvoegd, bij de eerste cirkel is dat de VSR afbeelding. Nu heb ik ze met css mooi rond gemaakt en staan ze nu top in de cirkels.

    Maarrr op het moment dat het beeldscherm in andere grotes staat, worden de afbeeldingen plat gemaakt en zie je maar deels van de afbeeldingen. De cirkels daarentegen blijven wel mooi rond.

    Kan iemand me helpen hoe ik kan zorgen dat de afbeeldingen binnen de cirkels ook mooi rond blijven? Het liefst met uitleg van welke codes waar hihi.

    Thank youuu

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Hi Ruby,

    Probeer de volgende code onderaan je style.css bestand toe te voegen:

    @media only screen and (max-width: 479px) {
    .featured-circles.dark {
    margin-top: 185px !important;
    }
    }

    Groet,
    Thijs

    • Deze reactie is gewijzigd 1 jaar, 11 maanden geleden door Richard van Denderen. Reden: handtekening verwijderd
    Thread starter rubyvandort

    (@rubyvandort)

    Hi Thijs,

    bedankt voor je reactie, ik heb de code toegevoegd, maar hielp helaas niet.
    De afbeeldingen in de cirkels waren alsnog rechthoekig en de cirkels zelf werden verplaatst boven op een tekst.

    Hoe dan ook toch bedankt voor je reactie, hopelijk hebben nog meer mensen ideeën om te helpen:)

    groetjess

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘Afbeeldingen responsive maken’ is gesloten voor nieuwe reacties.