# Recreate the CSS Background

**URL:** <https://forums.realmacsoftware.com/t/recreate-the-css-background/31123>\
**Category:** RapidWeaver Classic\
**Created:** [February 12, 2020, 5:22am UTC](https://forums.realmacsoftware.com/t/recreate-the-css-background/31123 "2020-02-12T05:22:53Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![dropgates](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dropgates/32/34206_2.png) [@dropgates](https://forums.realmacsoftware.com/u/dropgates)\
**Post date:** [February 12, 2020, 5:22am UTC](https://forums.realmacsoftware.com/t/recreate-the-css-background/31123/1 "2020-02-12T05:22:53Z")

</div>

I’m assuming the background on this site: [https://darrenkvo.com](https://darrenkvo.com) is CSS. Can someone help point me in the right direction to mimic this? Or, DM me if you wouldn’t mind writing the code and give me an estimate of price.

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [February 12, 2020, 1:00pm UTC](https://forums.realmacsoftware.com/t/recreate-the-css-background/31123/2 "2020-02-12T13:00:57Z")

</div>

Looking at it on my iPad, I don’t know what part of the “background” you’re asking about?

There’s just a hero image on top of some blue sections.

---

<div class="post-metadata">

**Author:** ![dropgates](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dropgates/32/34206_2.png) [@dropgates](https://forums.realmacsoftware.com/u/dropgates)\
**Post date:** [February 12, 2020, 1:44pm UTC](https://forums.realmacsoftware.com/t/recreate-the-css-background/31123/3 "2020-02-12T13:44:58Z")

</div>

![10%20AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/9/c98b36da7a302f21c5d113c1a55476e4984d0a3b.png) It has this blue waffle pattern.

---

<div class="post-metadata">

**Author:** ![Elixir](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elixir/32/25498_2.png) [@Elixir](https://forums.realmacsoftware.com/u/Elixir)\
**Post date:** [February 12, 2020, 1:49pm UTC](https://forums.realmacsoftware.com/t/recreate-the-css-background/31123/4 "2020-02-12T13:49:02Z")

</div>

Looks to be just a tiled image:

 ![33](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/f/bf95bdf936f43ea8e9a34ced11820596d3063fe4.jpeg)

---

<div class="post-metadata">

**Author:** ![Ruyton](https://avatars.discourse-cdn.com/v4/letter/r/cc9497/32.png) [@Ruyton](https://forums.realmacsoftware.com/u/Ruyton)\
**Post date:** [February 12, 2020, 1:50pm UTC](https://forums.realmacsoftware.com/t/recreate-the-css-background/31123/5 "2020-02-12T13:50:43Z")

</div>

You beat me to it. A small image tiled across the page.

 ![32%402x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/9/c95cab2277d93253d5d9cd757c658610c7cb136e.jpeg)

---

<div class="post-metadata">

**Author:** ![dropgates](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dropgates/32/34206_2.png) [@dropgates](https://forums.realmacsoftware.com/u/dropgates)\
**Post date:** [February 12, 2020, 8:05pm UTC](https://forums.realmacsoftware.com/t/recreate-the-css-background/31123/6 "2020-02-12T20:05:09Z")

</div>

Thank you!!

---

<div class="post-metadata">

**Author:** ![dropgates](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dropgates/32/34206_2.png) [@dropgates](https://forums.realmacsoftware.com/u/dropgates)\
**Post date:** [February 12, 2020, 8:35pm UTC](https://forums.realmacsoftware.com/t/recreate-the-css-background/31123/7 "2020-02-12T20:35:58Z")

</div>

If anyone needs this, I created a waffle pattern in Logoist and exported as a pdf. It was created at 10x (400x400px) so I can see it.

[https://ln.sync.com/dl/e454816b0/kf7h8yjw-2e9naxg5-9zvhgtms-2cbgacer](https://ln.sync.com/dl/e454816b0/kf7h8yjw-2e9naxg5-9zvhgtms-2cbgacer)

@Elixir and @Ruyton I appreciate the help.

---

<div class="post-metadata">

**Author:** ![Elixir](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elixir/32/25498_2.png) [@Elixir](https://forums.realmacsoftware.com/u/Elixir)\
**Post date:** [February 12, 2020, 8:48pm UTC](https://forums.realmacsoftware.com/t/recreate-the-css-background/31123/8 "2020-02-12T20:48:05Z")

</div>

Cool! You can also check out Subtle Patterns. They have tons of pre-made patterns for future projects, too:

> **[Subtle Patterns | Free textures for your next web project](https://www.toptal.com/designers/subtlepatterns/)**
>
> Subtle Patterns brought to you by Toptal, free textures for your next web project. Find out more here.

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [March 14, 2020, 6:48am UTC](https://forums.realmacsoftware.com/t/recreate-the-css-background/31123/9 "2020-03-14T06:48:13Z")

</div>

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