{"id":148506,"date":"2025-05-19T15:55:09","date_gmt":"2025-05-19T12:55:09","guid":{"rendered":"https:\/\/elementor.com\/help\/een-gelaagde-achtergrond-toevoegen\/"},"modified":"2025-05-19T15:55:09","modified_gmt":"2025-05-19T12:55:09","slug":"een-gelaagde-achtergrond-toevoegen","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/","title":{"rendered":"Een gelaagde achtergrond toevoegen"},"content":{"rendered":"\n

Gelaagde achtergronden stellen je in staat om diepte toe te voegen aan elementen door kleuren, afbeeldingen en tekst op elkaar te stapelen. Met gelaagde achtergronden kun je verschillende interessante effecten cre\u00ebren. In het onderstaande voorbeeld gebruiken we gelaagde effecten om een getextureerd Kop-element te maken dat een afbeelding en tekst bevat die in een grafisch programma zijn gemaakt.  <\/p>\n\n\n\n

Een gelaagde achtergrond maken: stap voor stap<\/h2>\n\n\n\n
    \n
  1. Open de elementor editor. <\/li>\n\n\n\n
  2. Sleep een Kop-element naar het canvas.
    De opties voor het Kop-element openen zich in het linkerpaneel.
    \"\"<\/li>\n\n\n\n
  3. Voer in het vak Titel<\/strong> It’s Raining Tees<\/strong> in.
    \"\"<\/li>\n\n\n\n
  4. Klik op het tabblad Stijl<\/strong>.
    \"\"<\/li>\n\n\n\n
  5. Open de sectie Grootte<\/strong>.
    \"\"<\/li>\n\n\n\n
  6. Stel de grootte in op 1000<\/strong> breedte en 600<\/strong> hoogte.
    \"\"<\/li>\n\n\n\n
  7. Open de sectie Achtergrond<\/strong>.
    \"\"<\/li>\n\n\n\n
  8. Klik op het plusteken om een achtergrondafbeelding toe te voegen. Voor details, zie Stijl-tabblad – Achtergrond<\/a>.
    \"\"<\/li>\n\n\n\n
  9. Voeg een afbeelding toe aan de achtergrond. De afbeelding moet ingesteld zijn op Bedekken<\/strong>. <\/li>\n\n\n\n
  10. Klik buiten het achtergrondafbeelding-venster om het te sluiten.
    \"\"<\/li>\n\n\n\n
  11. Klik op het plusteken om nog een laag toe te voegen.
    \"\"<\/li>\n\n\n\n
  12. Voeg een tweede afbeelding toe aan de achtergrond.
    Laten we de afbeelding in de linkerbovenhoek positioneren.
    \"\"<\/li>\n\n\n\n
  13. Gebruik het dropdown-menu Positie<\/strong> om Aangepast<\/strong> te selecteren.
    \"\"<\/li>\n\n\n\n
  14. Stel de X-waarde<\/strong> in op -20 en de Y-waarde<\/strong> op -60.
    \"\"<\/li>\n\n\n\n
  15. Open de sectie Afstand<\/strong>.
    Nu centreren we de tekst met behulp van de padding-instellingen.
    \"\"<\/li>\n\n\n\n
  16. Stel de padding in op boven 250 en links 300.
    De achtergrond is voltooid. <\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

    Gelaagde achtergronden stellen je in staat om diepte toe te voegen aan elementen door kleuren, afbeeldingen en tekst op elkaar te stapelen. Met gelaagde achtergronden kun je verschillende interessante effecten cre\u00ebren. In het onderstaande voorbeeld gebruiken we gelaagde effecten om een getextureerd Kop-element te maken dat een afbeelding en tekst bevat die in een grafisch […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1613],"tags":[1695],"class_list":["post-148506","post","type-post","status-publish","format-standard","hentry","category-general-nl","tag-v4-nl"],"acf":[],"yoast_head":"\nEen gelaagde achtergrond toevoegen | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Een gelaagde achtergrond toevoegen in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Een gelaagde achtergrond toevoegen | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Een gelaagde achtergrond toevoegen in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-19T12:55:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-35.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"573\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Een gelaagde achtergrond toevoegen\",\"datePublished\":\"2025-05-19T12:55:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/\"},\"wordCount\":232,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-35.png\",\"keywords\":[\"V4\"],\"articleSection\":[\"General\"],\"inLanguage\":\"nl-NL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/\",\"url\":\"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/\",\"name\":\"Een gelaagde achtergrond toevoegen | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-35.png\",\"datePublished\":\"2025-05-19T12:55:09+00:00\",\"description\":\"Learn everything about Een gelaagde achtergrond toevoegen in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-35.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-35.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ongecategoriseerd\",\"item\":\"https:\/\/elementor.com\/help\/nl\/ongecategoriseerd\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Een gelaagde achtergrond toevoegen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#website\",\"url\":\"https:\/\/elementor.com\/help\/nl\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Een gelaagde achtergrond toevoegen | Elementor","description":"Learn everything about Een gelaagde achtergrond toevoegen in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/","og_locale":"nl_NL","og_type":"article","og_title":"Een gelaagde achtergrond toevoegen | Elementor","og_description":"Learn everything about Een gelaagde achtergrond toevoegen in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/","og_site_name":"Help","article_published_time":"2025-05-19T12:55:09+00:00","og_image":[{"width":1600,"height":573,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-35.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Geschreven door":"Cliff Churgin","Geschatte leestijd":"1 minuut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Een gelaagde achtergrond toevoegen","datePublished":"2025-05-19T12:55:09+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/"},"wordCount":232,"publisher":{"@id":"https:\/\/elementor.com\/help\/nl\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-35.png","keywords":["V4"],"articleSection":["General"],"inLanguage":"nl-NL"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/","url":"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/","name":"Een gelaagde achtergrond toevoegen | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-35.png","datePublished":"2025-05-19T12:55:09+00:00","description":"Learn everything about Een gelaagde achtergrond toevoegen in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-35.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-35.png"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/nl\/een-gelaagde-achtergrond-toevoegen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/nl\/"},{"@type":"ListItem","position":2,"name":"Ongecategoriseerd","item":"https:\/\/elementor.com\/help\/nl\/ongecategoriseerd\/"},{"@type":"ListItem","position":3,"name":"Een gelaagde achtergrond toevoegen"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/nl\/#website","url":"https:\/\/elementor.com\/help\/nl\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/nl\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/posts\/148506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/comments?post=148506"}],"version-history":[{"count":0,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/posts\/148506\/revisions"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/media?parent=148506"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/categories?post=148506"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/tags?post=148506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}