# Replicating the page load/transition in the Graceful theme

**URL:** https://meta.discourse.org/t/replicating-the-page-load-transition-in-the-graceful-theme/314571
**Category:** Development
**Tags:** graceful-theme
**Created:** [4월 2, 2019, 5:48오후 UTC](https://meta.discourse.org/t/replicating-the-page-load-transition-in-the-graceful-theme/314571 "2019-04-02T17:48:30Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![agemo](https://avatars.discourse-cdn.com/v4/letter/a/ac91a4/32.png) [@agemo](https://meta.discourse.org/u/agemo)
#### Post date: [4월 2, 2019, 5:48오후 UTC](https://meta.discourse.org/t/replicating-the-page-load-transition-in-the-graceful-theme/314571/1 "2019-04-02T17:48:30Z")

</div>

This is a very inspiring theme. I like it a lot. Many elements are highly adaptable within other themes.

One thing I’m trying to replicate, is how the page load/transition has been handled.

I need to remove the white flash, that is in the standard theme - it goes completely unnoticed due to white being universal colour.

In graceful however the background is viewable as if that white transition is transparent. **Is this how it was achieved and if so what part of the CSS is controlling this behaviour?.**

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [4월 2, 2019, 6:06오후 UTC](https://meta.discourse.org/t/replicating-the-page-load-transition-in-the-graceful-theme/314571/2 "2019-04-02T18:06:03Z")

</div>

Here’s the CSS for how the background is applied in this theme, I _think_ this is what you’re looking for?

```scss
body {
    background-color: #f8f8f8;
    background-image: url(https://community.example.com/example.jpg);
    background-attachment: fixed;
    background-size: auto;
}

```

By default in Discourse the background color is applied to the HTML tag, so this just covers that up entirely.

---

<div class="post-metadata">

### Author: ![agemo](https://avatars.discourse-cdn.com/v4/letter/a/ac91a4/32.png) [@agemo](https://meta.discourse.org/u/agemo)
#### Post date: [4월 2, 2019, 6:15오후 UTC](https://meta.discourse.org/t/replicating-the-page-load-transition-in-the-graceful-theme/314571/3 "2019-04-02T18:15:27Z")

</div>

@awesomerobot Once more _a_ lighting and exacting reply! 👍

This has me sorted for now, so again much thanks.

It more than just feels like this theme has it’s own rapid repose unit! 😉

It’s inspiring themes and the work that goes into them, helps newbies like me wrap our semi-baked noodles around such fine cloth, by finding some direction and then pitching the right and wrong questions as we go on our journey forth!

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [7월 2, 2024, 7:45오전 UTC](https://meta.discourse.org/t/replicating-the-page-load-transition-in-the-graceful-theme/314571/4 "2024-07-02T07:45:22Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
