Mogelijkheden voor je achtergronden

Je kunt een achtergrond afbeelding plaatsen achter een blok.

Bij de instellingen voor je blok kies je een achtergrond afbeelding. Als je een kleine afbeelding kiest met een patroon, dan zet je 'background repeat' aan zodat de hele achtergrond met deze afbeelding wordt gevuld.

Je kunt ook SVG afbeeldingen gebruiken, zoals je die bijvoorbeeld kunt genereren op heropatterns.com. Als je zo'n afbeelding download van deze site, dan is deze echter zonder opmaak. Je kunt deze eenvoudig met een teksteditor toevoegen. Zoek in het bestand naar 'opacity' en voeg daarachter 'fill-opacity' toe met dezelfde waarde.

Alternatief

Als je de CSS code van heropatterns download dan kan je deze toevoegen aan je custom CSS, zie onderstaande voorbeeld.

Achtergrond afbeelding zonder repeat

Afbeelding ingesteld in het blok

Achtergrond afbeelding repeat

Afbeelding ingesteld in het blok met repeat

Achtergrond afbeelding SVG

Afbeelding ingesteld in de custom css:

.bg-8 {
   background-image: url("data:image/svg+xml.....");
}

Achtergrond afbeelding SVG CSS upload

Afbeelding ingesteld in de custom css met upload

.bg-9 {
   background-image: url("https://postdropper-production.nl/fotos/file_10405793983148614.svg");
}