Customize Your Background
💡 Quick Tip: Your background is the canvas for your profile. Choose wisely to make your content shine!
Your profile background is one of the most important visual elements of your hoo.be page. This guide will show you all the ways you can customize it to match your brand and style.
Background Options
1. Solid Colors
The simplest and cleanest option. Perfect for a minimalist look.
- Choose any color using the color picker
- Great for ensuring your links and content stand out
- Fast loading and mobile-friendly
- Easy to match with your brand colors
2. Gradient Backgrounds
Add depth and visual interest with color gradients.
- Choose from pre-made gradient presets
- Create custom gradients with 2-4 colors
- Adjust gradient direction (vertical, horizontal, diagonal)
- Modern and eye-catching appearance
✨ Pro Tip: Use gradients that complement each other for a professional look. Avoid harsh color contrasts.
3. Image Backgrounds
Upload your own images to create a unique look.
- Upload: Any image from your device (JPEG, PNG, GIF)
- Recommended Size: 1920x1080px or larger
- File Size: Keep under 5MB for fast loading
- Positioning: Center, cover, contain, or repeat
Image Background Tips
- ✓ Use high-quality, high-resolution images
- ✓ Optimize images before uploading (compress to reduce file size)
- ✓ Consider adding a semi-transparent overlay for better text readability
- ✓ Test how your image looks on both desktop and mobile
- ✓ Avoid busy images that make text hard to read
4. Video Backgrounds (Pro)
Make your profile dynamic with video backgrounds.
- Upload Video: MP4 format recommended
- File Size: Maximum 50MB
- Duration: 10-30 second loops work best
- Auto-play: Videos loop silently in the background
⚠️ Note: Video backgrounds are a Pro feature and may impact page load times on slower connections.
How to Change Your Background
- Go to Settings → Appearance
- Scroll to the Background section
- Select your preferred background type (Color, Gradient, Image, or Video)
- Customize your selection:
- For colors: Use the color picker
- For gradients: Choose colors and direction
- For images/videos: Click "Upload" and select your file
- Adjust opacity if needed (to make content more readable)
- Click "Preview" to see how it looks
- Click "Save Changes" when you're happy
Background Overlays
Add a semi-transparent overlay to improve text readability:
- Darken: Add a dark overlay (great for images and videos)
- Lighten: Add a light overlay
- Custom Color: Choose any color overlay
- Blur Effect: Add gaussian blur to backgrounds (Pro)
Mobile Optimization
Your background will automatically optimize for mobile devices, but keep these tips in mind:
- ✓ Video backgrounds may be replaced with static images on mobile
- ✓ Large image files will be compressed automatically
- ✓ Test your profile on a phone before finalizing
- ✓ Portrait-oriented images work better on mobile
Best Practices
- Contrast is Key: Ensure your text and links are easily readable
- Stay On-Brand: Use colors and imagery that match your brand identity
- Less is More: Avoid overly busy backgrounds that distract from your content
- Performance Matters: Optimize large files to ensure fast loading
- Accessibility: Consider users with visual impairments when choosing colors
Troubleshooting
Image Not Showing?
- Check file size (must be under 5MB)
- Ensure file format is JPEG, PNG, or GIF
- Clear browser cache and refresh
- Try uploading a different image
Video Not Playing?
- Verify you have a Pro subscription
- Check file size (maximum 50MB)
- Use MP4 format for best compatibility
- Videos may not autoplay on some mobile devices