Heb je een link naar je homepage?
Dit is de link naar mijn website: https://corianca.nl/wp-admin/about.php
Ik heb hem ook even gepubliceerd: http://www.corianca.nl
Ik heb even gekeken, je images in je hero sectie bovenin staan op “cover” – dus daarom wordt de foto ook gevuld. En de positie van de foto’s staat op center center – dus horizontaal en verticaal wordt ie dan gecentreerd. Op mobiel is dat volgens mij de beste optie hoor – je scherm breedte/hoogte is niet vergelijkbaar met een desktop of laptop hé, waar een 16:9 verhouding courant is …
background-position: center center;
background-size: cover;
background-image: url("https://corianca.nl/wp-content/plugins/colibri-page-builder-pro//extend-builder/assets/images/beach-landscape-sea-water-nature-sand-1061655-pxhere.com.jpg");
background-attachment: scroll;
background-repeat: no-repeat;
Ik heb gezocht naar de plek waar ik binnen het Colibri thema “cover” kan omzetten in “contain”. Maar ik vind niet de plaats waar ik dat kan aanpassen. Als ik op de sliderafbeelding klik, wordt de afbeelding vergroot en zie ik geen tekst en als ik via de bibliotheek naar de afbeelding ga en dan op afbeelding aanpassen klik, zie ik ook geen “cover of “contain”. Kun je me zeggen waar dat te vinden is?
Die opbouw van die hero zit ingewikkeld in elkaar, want het zit dan nog eens lager in de HTML structuur als volgt:
.colibri-slideshow .slideshow-image {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-size: contain;
background-repeat: no-repeat;
opacity: 1 !important;
}
Kan je op slide niveau het niet aanpassen? “Contain” gaat volgens mij ook niet zo “mooi” werken als de aspect-ratio van het scherm anders is dan die van de foto’s die je gebruikt.
