If you’re using a one-column stack in Rocketspark and need to display text side by side, you can use a grid gallery. This method allows you to keep the one-column layout for other elements like buttons, while still being able to position text side by side.
You can upload empty, transparent images to the grid gallery to avoid having a picture background behind the text which will be discussed in this guide
- Log into your dashboard How do I log in to my website Dashboard?
- Go to the page you'd like to modify
- Add a new stack, and select a column style
- Add a new block, and select Grid Gallery
- Choose a file, and upload an empty PNG image. An example empty image is below for you to copy.
Example of empty PNG image to save Save the image below. This should look transparent, but you can right-click the space below and "save image as".
Empty image above ^
- Upload as many empty PNGs. To change the amount of coloumns in the grid gallery, go to Grid Gallery Settings. You can also change the box shape through these settings, and add any effects you'd like to use.
- Go to Text Styling to change the text alignments and font settings.
- To add text to the empty images, click the Edit pencil on top of each image.
- Go to the text settings to enter the title and any secondary text.
- Check your mobile layout, by going to the Mobile Grid Gallery settings to change how many coloumns display and the text sizes.
- Make sure that you save changes once you're happy with the grid gallery.
Please reach out to support@rocketspark.com if you need any help with this.