{"id":34911,"date":"2025-08-21T07:11:12","date_gmt":"2025-08-21T07:11:12","guid":{"rendered":"https:\/\/doc.probance.com\/?post_type=tips&#038;p=34911"},"modified":"2025-10-03T07:56:58","modified_gmt":"2025-10-03T07:56:58","slug":"how-to-add-a-background-image-to-a-block-in-my-template","status":"publish","type":"tips","link":"https:\/\/doc.probance.com\/en\/tips\/how-to-add-a-background-image-to-a-block-in-my-template\/","title":{"rendered":"How to add a background image to a block in my template?"},"content":{"rendered":"\n<p>To enhance the visual impact of your campaigns and ensure consistency with your website\u2019s brand identity, you can customize the background of the blocks in your templates. By changing the background image of a block, you add a distinctive touch that highlights your content while maintaining your brand\u2019s style and visual identity.<\/p>\n\n\n\n<p><strong>However,<\/strong> <strong>please note that background images may display differently depending on the device or email client, and in some cases may not be supported<\/strong>. It is therefore recommended to <strong>set a background color for all blocks containing a background image<\/strong> to ensure optimal readability in all situations.<\/p>\n\n\n\n<p><strong>Watch the video to learn more : <\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo wp-embed-aspect-21-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to add a background image to a block in my template ?\" src=\"https:\/\/player.vimeo.com\/video\/1111890534?dnt=1&amp;app_id=122963\" width=\"500\" height=\"214\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>To enhance the visual impact of your campaigns and ensure consistency with your website\u2019s brand identity, you can customize the background of the blocks in your templates. By changing the background image of a block, you add a distinctive touch that highlights your content while maintaining your brand\u2019s style and visual identity. However, please note [&hellip;]<\/p>\n","protected":false},"author":626,"featured_media":0,"template":"","tips_tags":[1121],"class_list":["post-34911","tips","type-tips","status-publish","hentry","tips_tags-template-design-en"],"_links":{"self":[{"href":"https:\/\/doc.probance.com\/en\/wp-json\/wp\/v2\/tips\/34911","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doc.probance.com\/en\/wp-json\/wp\/v2\/tips"}],"about":[{"href":"https:\/\/doc.probance.com\/en\/wp-json\/wp\/v2\/types\/tips"}],"author":[{"embeddable":true,"href":"https:\/\/doc.probance.com\/en\/wp-json\/wp\/v2\/users\/626"}],"wp:attachment":[{"href":"https:\/\/doc.probance.com\/en\/wp-json\/wp\/v2\/media?parent=34911"}],"wp:term":[{"taxonomy":"tips_tags","embeddable":true,"href":"https:\/\/doc.probance.com\/en\/wp-json\/wp\/v2\/tips_tags?post=34911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}