Add transparent background / change opacity behind text content

Sometimes text can be hard to read if you add this text on top of a background image. To solve this, you can add a transparent column background with the colour opacity of your choice!

Quick add:

You can right-click on your mouse the image below and click "save as" to use this example. 

Further upload this image as a column background: How to upload a column background

Dark transparent background - right-click to save

Create custom transparent image: Part 1

To create a transparent background with a specific colour and opacity, use the editing app of your choice. The example below is using the free editing app https://pixlr.com/editor/ 

1. Click "Create new"
   
   
   
2. Dimension to aim for 1920 px in width x 1080 px in height). Then click "create". 
   
3. Click the colour icon on the bottom left to change the selected colour. Click "Ok" once chosen
   
   
   
4. Select the bucket icon and click your blank canvas to fill the space with your chosen colour
   
   
   
5. Click the 3 dots next to "layers" to change the opacity of this background image
   
   
   
6. Click "file" in the top left and export the image as a PNG

Part.2: Upload background to Rocketspark

1. On the chosen stack, click the colour wheel to edit the design
   
2. Navigate to "Column Settings"
3. If there are multiple columns, select the column to add the background image 
4. Upload the saved PNG image as a background, and adjust the corner radius if you wish.
5. Save changes and the transparent background will sit on top of your stack background but behind the block content. 
   
   

Please contact support@rocketspark.com if you have any questions.