I Changed My Blog Background — Old Look vs New Look 🎨

I Changed My Blog Background — Old Look vs New Look 🎨

Sometimes a blog doesn’t need a full redesign — just a small, intentional tweak. Recently, I experimented with how my blog background is rendered, and the result was surprisingly impactful.

---

🕰 The Old Look

In the old layout, the background image only appeared in the header section. Once you scrolled down, the page switched to a plain background.

• Background image limited to the header
• Body content felt visually separate
• The left side looked a bit unfinished

Old version snapshot:

---

✨ The New Look

In the new version, I decided to let the background image repeat across the entire page and pair it with a soft blue base color on the left side.

• Background image repeats throughout the whole body
• Consistent blue background color
• Smoother visual flow when scrolling

New version snapshot:

---

🔧 The Key CSS Change

This entire change came down to a single CSS rule applied to the body element:

body {
  background: #58c6d5 
    url(https://themes.googleusercontent.com/image?id=iOjEWmpWlNVmx91RAaWC3irZSyq8cu05pASFz84khXxbIM83x8QP6Hnw7ZIDcZFvcAGSBpGCNsBC)
    repeat scroll top left;
}

The blue color provides a stable base, while the repeating image adds texture without being distracting. Simple, but effective.

---

🤔 Which One Do You Prefer?

Now I’m curious what you think.

• Old look — clean and minimal
• New look — immersive and cohesive

Which version do you like more? Feel free to leave a comment and let me know — I’d love to hear your thoughts.

Sometimes design isn’t about what’s technically correct. It’s about what feels right.

❤️ Support This Blog

---

If this post helped you, you can support my writing with a small donation. Thank you for reading.

---

Coffee ☕ Thanks 🙏 Extra Support ❤️