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

By -

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 ❤️

Comments

Post a Comment