---
title: How can I create a boxed section with a right-aligned image and an offset?
description: Learn how to create a boxed section with a right-aligned image and an offset effect by using the Background settings and Text with image module.
---

[Knowledge Base](https://www.stuff-n-matters.com/knowledge-base)

# [How can I create a boxed section with a right-aligned image and an offset?](https://www.stuff-n-matters.com/knowledge-base/how-can-i-create-a-boxed-section-with-a-right-aligned-image-and-an-offset)

 Written by [HubSpotted](https://www.stuff-n-matters.com/knowledge-base/author/hubspotted) | Jun 7, 2026 8:56:25 AM

It is achieved using the Section with background section, which combines a Background settings module and a Text with image module. 

To configure it, set the image inside the Text with image module to right-aligned. If you want to replicate the overlapping look, you can optionally adjust the offset values under Styles > Image > Offset settings.

[Back to Knowledge Base](https://www.stuff-n-matters.com/knowledge-base)

[View full post](https://www.stuff-n-matters.com/knowledge-base/how-can-i-create-a-boxed-section-with-a-right-aligned-image-and-an-offset)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "HubSpotted"
  },
  "dateModified" : "2026-06-07T14:19:00.705Z",
  "datePublished" : "2026-06-07T08:56:25Z",
  "headline" : "How can I create a boxed section with a right-aligned image and an offset?",
  "image" : {
    "@type" : "ImageObject",
    "height" : 60,
    "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
    "width" : 60
  },
  "mainEntityOfPage" : "https://www.stuff-n-matters.com/knowledge-base/how-can-i-create-a-boxed-section-with-a-right-aligned-image-and-an-offset",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "Knowledge Base"
  }
}
```