Random background image using Unsplash

Kavya
Kavya Published on October 22, 2023

Imagine creating a bio page but every time you or anyone opens the page you see a new background. Don't get it yet try- https://shotcut.in/unsplash

Website Preview - Smartphone

See every time you refresh the page you will see a new background every single time. 

Let's dive in How to Create This.

Step 1- Check this article on How Make A Bio Page With Shotcut.in. This article contains the basic knowledge so make sure to check this out. 

Step 2- Add Custom CSS

For that come to Your Bio Page setting and scroll down you will see a Custom CSS field. Now You have to type code in that field.

body { 
   min-height: 100vh;
   color: #ffffff;
   background: #1e2028;
   background: url(https://source.unsplash.com/featured/1080x1920?nature) no-repeat center center fixed; 
   background-size: cover;
   width: 100vw;
   height: 100vh;
   margin: 0;
   padding: 0;
}

Here in the 

background: url(https://source.unsplash.com/featured/1080x1920?YOUR-theme) 

& if you have multiple themes just you just add coman in the end and write the word. Remember no Space.

background: url(https://source.unsplash.com/featured/1080x1920?YOUR-theme,Second-theme) 

this is the only part that add to edit if you want otherwise you can just copy it as it is. Or you can if you want to random an image 

background: url(https://source.unsplash.com/featured/1080x1920) 

With this simple trick, you make your amazing bio page and keep ahead of your competitors. Make sure to use this and contact us if you need any help.

Create Your Bio Page Today!

 

Keep reading

More posts from our blog