4⃣
Customise your NFTs Base
Each NFT minted with Infinifty includes an online home where you can reach all the assets you need to remix it, reproduce it, or take it further.
From the item preview screen scroll down to the status area to find Customise. Tap the Customise Infinifty Base button.
Pick a style preset to begin customising. Presets simply give you a quick start for the fonts, colours and layouts of the elements in your Base website, and can be easily edited from the next step, so if you're not sure which preset to choose, just pick something you like.
Use the customisations panel on the right side of the screen to customise further. Don't worry, you can't break the website at all, so feel free to play with these customisations as much or as little as you wish. Customisations are split into three areas: background, layout and styles.
In the background area you can swap the background image your website uses. Any images you've uploaded to your NFTs storage area that are suitable to use as a background will display here, so scroll through and find something you like.
You may want to choose a background colour instead, so open up the colour panel, choose a colour and bring up the opacity. Of course, you may want to settle with something inbetween.
And take a look at the filters panel too. Filters can be used to create some very cool backgrounds with your background imagery. Feel free to play with these sliders to reach an effect you like, or leave them off.
The Layouts group allows you to switch the placement of your content block, edit the size and padding of its elements, the alignment of your content, change the block colour and opacity.
Within the Styles group you can edit the typography of the three text elements that make up your content; your title, headings and text groups.
For each style, choose your font, font weight, line height and size. Change the colour of each element, or change it's opacity.
- Choose or swap your background image
- Try the background colour panel to see how a background colour may work
- Try the background filters to see how these may affect your chosen background image
- Use the Layout panel to change the placement and padding of your content block
- Try editing the alignment of content within your content block
- Use the Styles panel to edit the title, heading and text elements within your content block
Colour panels on Infinifty use HSLA sliders. This mean Hue, Saturation, Lightness and Alpha (or Opacity).
The hue slider is your way of picking a colour between the highlighted colour swatch below, and the one next to it. The saturation slider fine-tune's that colour between desaturated (grey), and fully-saturated. The lightness slider runs from white at one end, to black at the other, with the solid colour in the middle. Use this to make your colour lighter or darker.
The opacity slider controls how strong the colour of this element appears relative to the background behind it. The easiest way to make a background colour disappear altogether is to drop the opacity down to zero.