# Dev Diary 82: Now You Can Change the Body Background in the Theme Studio!

**URL:** <https://forums.realmacsoftware.com/t/dev-diary-82-now-you-can-change-the-body-background-in-the-theme-studio/47660>\
**Category:** Elements\
**Created:** [May 20, 2025, 10:04am UTC](https://forums.realmacsoftware.com/t/dev-diary-82-now-you-can-change-the-body-background-in-the-theme-studio/47660 "2025-05-20T10:04:59Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [May 20, 2025, 10:04am UTC](https://forums.realmacsoftware.com/t/dev-diary-82-now-you-can-change-the-body-background-in-the-theme-studio/47660/1 "2025-05-20T10:04:59Z")

</div>

Hello again,

Yes, we finally did it… **the Theme Studio now supports setting the Body background color!** It might seem like a small addition, but it’s one that can make a big difference 🎉

This feature (and more) will be available in the next Elements build, arriving later today.

Watch today’s Dev Diary to see it in action!

[![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/f/0f656babca680b281f5f0564e2a033c5cbf07ab4.jpeg "Dev Diary 82 - Now You Can Change the Body Background in the Theme Studio!") ](https://www.youtube.com/watch?v=dkAe4M7gw_Q)

### Move to [Elements](https://elementsapp.io/) Today

To coincide with the launch of version 1.0, the price of [Elements](https://elementsapp.io/) will increase, starting June 1st. If you’ve been thinking about building your website with [Elements](https://elementsapp.io/), now’s the perfect time to get started.

Visit the [elementsapp.io website](https://www.elementsapp.io/purchase/?utm_source=realmacsoftware-forum) to purchase a license today and take advantage of the lower pricing!

## Thanks for Your Feedback

As always, keep the feedback coming. Your input has made all the difference so far.

Thank you!

See you soon,  
Dan & Team Realmac.

---

<div class="post-metadata">

**Author:** ![mark\_mark](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mark_mark/32/25691_2.png) [@mark\_mark](https://forums.realmacsoftware.com/u/mark_mark)\
**Post date:** [May 20, 2025, 10:40am UTC](https://forums.realmacsoftware.com/t/dev-diary-82-now-you-can-change-the-body-background-in-the-theme-studio/47660/2 "2025-05-20T10:40:14Z")

</div>

_small additions_ make designers happy 😇

---

<div class="post-metadata">

**Author:** ![amdoni](https://avatars.discourse-cdn.com/v4/letter/a/838e76/32.png) [@amdoni](https://forums.realmacsoftware.com/u/amdoni)\
**Post date:** [May 20, 2025, 11:17am UTC](https://forums.realmacsoftware.com/t/dev-diary-82-now-you-can-change-the-body-background-in-the-theme-studio/47660/3 "2025-05-20T11:17:01Z")

</div>

Hi Dan,

I am a newbie on [Elements](https://elementsapp.io/), my question is can I copy and paste or swipe the contact page to another open project. If I click and swipe there is a green +, hovering to the desination project the plus disappears but nothing happens. Am I doing something wrong? This feature would be great!

Thanks,

Al

 ![Screenshot 2025-05-20 at 13.12.48.png](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/2/028c1271e09b5c3338653b7e13f823f02de24a88.png) ![IMG_6439.jpeg](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/e/a/ea21d99b5ae86f06874d3ff8c95d3cabe390ac63.jpeg)

---

<div class="post-metadata">

**Author:** ![paulcruice](https://avatars.discourse-cdn.com/v4/letter/p/f0a364/32.png) [@paulcruice](https://forums.realmacsoftware.com/u/paulcruice)\
**Post date:** [May 20, 2025, 1:47pm UTC](https://forums.realmacsoftware.com/t/dev-diary-82-now-you-can-change-the-body-background-in-the-theme-studio/47660/4 "2025-05-20T13:47:49Z")

</div>

Dan, why limit the Page Background Custom colour to just colours. Why not add the ability to add a picture instead of a colour? That is what I use on my web site.  
Cheers

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [May 20, 2025, 1:59pm UTC](https://forums.realmacsoftware.com/t/dev-diary-82-now-you-can-change-the-body-background-in-the-theme-studio/47660/5 "2025-05-20T13:59:18Z")

</div>

Tailwind’s theme JSON only supports colors, not background images, and [Elements](https://elementsapp.io/) is following that spec. I’d suggest sticking with using the container for background images!

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [May 20, 2025, 2:00pm UTC](https://forums.realmacsoftware.com/t/dev-diary-82-now-you-can-change-the-body-background-in-the-theme-studio/47660/6 "2025-05-20T14:00:56Z")

</div>

> [@amdoni](#):
>
> I am a newbie on [Elements](https://elementsapp.io/), my question is can I copy and paste or swipe the contact page to another open project. If I click and swipe there is a green +, hovering to the desination project the plus disappears but nothing happens. Am I doing something wrong? This feature would be great!

You can’t currently drop pages between projects, but it is on the roadmap to add.

For now, you can select the components, then copy and paste them to a new page in the other document.

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [May 20, 2025, 7:59pm UTC](https://forums.realmacsoftware.com/t/dev-diary-82-now-you-can-change-the-body-background-in-the-theme-studio/47660/7 "2025-05-20T19:59:25Z")

</div>

@dan I have tried to use this on one of my projects and I jus cannot get it to work. Regardless of the color I set all I get is a WHITE background. I have tried numerous colors with no luck.

It works fine in the editor but does not work in the browser (Safari).

I have republished several times bu no luck.

What am I doing wrong.

I even tried overriding a color on one of the pages and no luck.

Next I tried it in one of my little test projects and it seemed to work fine there. So I’m left wondering is there something wrong with my project?

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [May 20, 2025, 8:23pm UTC](https://forums.realmacsoftware.com/t/dev-diary-82-now-you-can-change-the-body-background-in-the-theme-studio/47660/8 "2025-05-20T20:23:49Z")

</div>

> [@handshaper](#):
>
> Next I tried it in one of my little test projects and it seemed to work fine there. So I’m left wondering is there something wrong with my project?

Have you tried changing themes? I’m wondering if that will kick it into working… Can you also share the project that doesn’t work so I can take a look and see how we can get it fixed up ASAP!

---

<div class="post-metadata">

**Author:** ![Godber](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/godber/32/26521_2.png) [@Godber](https://forums.realmacsoftware.com/u/Godber)\
**Post date:** [May 20, 2025, 8:26pm UTC](https://forums.realmacsoftware.com/t/dev-diary-82-now-you-can-change-the-body-background-in-the-theme-studio/47660/9 "2025-05-20T20:26:44Z")

</div>

not working here either,shows in editor but not preview or when published

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [May 20, 2025, 8:33pm UTC](https://forums.realmacsoftware.com/t/dev-diary-82-now-you-can-change-the-body-background-in-the-theme-studio/47660/10 "2025-05-20T20:33:15Z")

</div>

@dan I’ll email you the project. I have tested this across four of my sites. Two of them work and two of them don’t very strange.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [May 20, 2025, 8:34pm UTC](https://forums.realmacsoftware.com/t/dev-diary-82-now-you-can-change-the-body-background-in-the-theme-studio/47660/11 "2025-05-20T20:34:45Z")

</div>

@Godber, @handshaper

Okay, I think I might know what’s going on here… and it’s something we forgot to put in the release notes 🤦 That’s what happens when you move so fast, heh!

If you’ve updated your site template, you’ll need to add a new [elements](https://elementsapp.io/) tag to the body to ensure the colour is getting applied when it’s exported.

Your body tag in the templates might look like this…  
`<body {{page.bodyAttributes}}>`

But it needs to include `class="{{page.bodyClasses}}"` so it should like like the following in your template:

`<body class="{{page.bodyClasses}}" {{page.bodyAttributes}}>`

 ![CleanShot 2025-05-20 at 9 .35.36@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/7/d7ef7f7019aceeca64403f58a9581e60d36dfcaa.jpeg)

Hope that makes sense, and that should fix the issue for you.

---

<div class="post-metadata">

**Author:** ![Godber](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/godber/32/26521_2.png) [@Godber](https://forums.realmacsoftware.com/u/Godber)\
**Post date:** [May 20, 2025, 8:43pm UTC](https://forums.realmacsoftware.com/t/dev-diary-82-now-you-can-change-the-body-background-in-the-theme-studio/47660/12 "2025-05-20T20:43:10Z")

</div>

yep///fixed it for me 👋but if I pick a theme in the theme studio the theme background colour sliders are just white and black and I cant change them like your video…custom sliders I can change. am I not meant to be able to change them ?

 ![Screenshot 2025-05-20 at 9.57.39 pm](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/a/caccbba11d31ffdc3d43f71e9e7c613284dbbfed.jpeg)

I can use the top sliders but the bottom ones are the same and I cant adjust them no matter what theme I pick

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [May 20, 2025, 8:54pm UTC](https://forums.realmacsoftware.com/t/dev-diary-82-now-you-can-change-the-body-background-in-the-theme-studio/47660/13 "2025-05-20T20:54:03Z")

</div>

That fixed the problem for me. Although my template did not have the ` {{page.bodyAttributes}}` defined in the body.

I’ll check all of my projects for this change.

_All of the working projects had this code in them, hence the reason they were working. I had never modified these templates, were they just stale?_

---

<div class="post-metadata">

**Author:** ![AnasHyeee](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/anashyeee/32/27982_2.png) [@AnasHyeee](https://forums.realmacsoftware.com/u/AnasHyeee)\
**Post date:** [June 4, 2025, 12:59am UTC](https://forums.realmacsoftware.com/t/dev-diary-82-now-you-can-change-the-body-background-in-the-theme-studio/47660/14 "2025-06-04T00:59:40Z")

</div>

Thank you! I am looking forward to this feature that will make it easier to set up background colors.