{"id":148508,"date":"2025-05-19T15:55:09","date_gmt":"2025-05-19T12:55:09","guid":{"rendered":"https:\/\/elementor.com\/help\/anadir-un-fondo-en-capas\/"},"modified":"2025-05-19T15:55:09","modified_gmt":"2025-05-19T12:55:09","slug":"anadir-un-fondo-en-capas","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/","title":{"rendered":"A\u00f1adir un fondo en capas"},"content":{"rendered":"\n

Los fondos en capas te permiten a\u00f1adir profundidad a los elementos a\u00f1adiendo colores, im\u00e1genes y texto uno encima de otro. Usando fondos en capas puedes crear una variedad de efectos interesantes. En el ejemplo siguiente, usaremos efectos en capas para crear un elemento de encabezado texturizado que incorpora una imagen y texto creado en un programa de gr\u00e1ficos.  <\/p>\n\n\n\n

Crear un fondo en capas: paso a paso<\/h2>\n\n\n\n
    \n
  1. Abre el editor de Elementor. <\/li>\n\n\n\n
  2. Arrastra un elemento de encabezado al lienzo.
    Las opciones del elemento de encabezado se abren en el panel izquierdo.
    \"\"<\/li>\n\n\n\n
  3. En el cuadro T\u00edtulo<\/strong>, introduce It\u2019s Raining Tees<\/strong>.
    \"\"<\/li>\n\n\n\n
  4. Haz clic en la pesta\u00f1a Estilo<\/strong>.
    \"\"<\/li>\n\n\n\n
  5. Abre la secci\u00f3n Tama\u00f1o<\/strong>.
    \"\"<\/li>\n\n\n\n
  6. Establece el tama\u00f1o a 1000<\/strong> de ancho y 600<\/strong> de alto.
    \"\"<\/li>\n\n\n\n
  7. Abre la secci\u00f3n Fondo<\/strong>.
    \"\"<\/li>\n\n\n\n
  8. Haz clic en el signo m\u00e1s para a\u00f1adir una imagen de fondo. Para m\u00e1s detalles, consulta Pesta\u00f1a Estilo – Fondo<\/a>.
    \"\"<\/li>\n\n\n\n
  9. A\u00f1ade una imagen al fondo. La imagen debe estar establecida en Cover<\/strong>. <\/li>\n\n\n\n
  10. Haz clic fuera de la ventana de la imagen de fondo para cerrarla.
    \"\"<\/li>\n\n\n\n
  11. Haz clic en el signo m\u00e1s para a\u00f1adir otra capa.
    \"\"<\/li>\n\n\n\n
  12. A\u00f1ade una segunda imagen al fondo.
    Vamos a colocar la imagen en la esquina superior izquierda.
    \"\"<\/li>\n\n\n\n
  13. Usa el men\u00fa desplegable Posici\u00f3n<\/strong> para seleccionar Personalizado<\/strong>.
    \"\"<\/li>\n\n\n\n
  14. Establece el valor X<\/strong> a -20 y el valor Y<\/strong> a -60.
    \"\"<\/li>\n\n\n\n
  15. Abre la secci\u00f3n Espaciado<\/strong>.
    Ahora centraremos el texto usando los ajustes de padding.
    \"\"<\/li>\n\n\n\n
  16. Establece el padding a superior 250 e izquierda 300.
    El fondo est\u00e1 completo. <\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

    Los fondos en capas te permiten a\u00f1adir profundidad a los elementos a\u00f1adiendo colores, im\u00e1genes y texto uno encima de otro. Usando fondos en capas puedes crear una variedad de efectos interesantes. En el ejemplo siguiente, usaremos efectos en capas para crear un elemento de encabezado texturizado que incorpora una imagen y texto creado en un […]<\/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":[1610],"tags":[1699],"class_list":["post-148508","post","type-post","status-publish","format-standard","hentry","category-general-es","tag-v4-es"],"acf":[],"yoast_head":"\nA\u00f1adir un fondo en capas | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about A\u00f1adir un fondo en capas 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\/es\/anadir-un-fondo-en-capas\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A\u00f1adir un fondo en capas | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about A\u00f1adir un fondo en capas in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/\" \/>\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=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/es\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"A\u00f1adir un fondo en capas\",\"datePublished\":\"2025-05-19T12:55:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/\"},\"wordCount\":264,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-35.png\",\"keywords\":[\"V4\"],\"articleSection\":[\"General\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/\",\"url\":\"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/\",\"name\":\"A\u00f1adir un fondo en capas | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/#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 A\u00f1adir un fondo en capas in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/#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\/es\/anadir-un-fondo-en-capas\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sin categor\u00eda\",\"item\":\"https:\/\/elementor.com\/help\/es\/sin-categoria\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"A\u00f1adir un fondo en capas\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/es\/#website\",\"url\":\"https:\/\/elementor.com\/help\/es\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/es\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/elementor.com\/help\/es\/#\/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\/es\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/es\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/elementor.com\/help\/es\/#\/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":"A\u00f1adir un fondo en capas | Elementor","description":"Learn everything about A\u00f1adir un fondo en capas 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\/es\/anadir-un-fondo-en-capas\/","og_locale":"es_ES","og_type":"article","og_title":"A\u00f1adir un fondo en capas | Elementor","og_description":"Learn everything about A\u00f1adir un fondo en capas in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/","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":{"Escrito por":"Cliff Churgin","Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/es\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"A\u00f1adir un fondo en capas","datePublished":"2025-05-19T12:55:09+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/"},"wordCount":264,"publisher":{"@id":"https:\/\/elementor.com\/help\/es\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-35.png","keywords":["V4"],"articleSection":["General"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/","url":"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/","name":"A\u00f1adir un fondo en capas | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/#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 A\u00f1adir un fondo en capas in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elementor.com\/help\/es\/anadir-un-fondo-en-capas\/#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\/es\/anadir-un-fondo-en-capas\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/es\/"},{"@type":"ListItem","position":2,"name":"Sin categor\u00eda","item":"https:\/\/elementor.com\/help\/es\/sin-categoria\/"},{"@type":"ListItem","position":3,"name":"A\u00f1adir un fondo en capas"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/es\/#website","url":"https:\/\/elementor.com\/help\/es\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/es\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elementor.com\/help\/es\/#\/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\/es\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/es\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/elementor.com\/help\/es\/#\/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\/es\/wp-json\/wp\/v2\/posts\/148508","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/comments?post=148508"}],"version-history":[{"count":0,"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/posts\/148508\/revisions"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/media?parent=148508"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/categories?post=148508"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/es\/wp-json\/wp\/v2\/tags?post=148508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}