How do I access column design controls?

We've released some new design controls which will help you take your website to the next level. These new design controls will allow you to edit corner radius, column gap and border option design controls within the Rocketspark platform.

Corner radius 

1. Click on the Edit design colour wheel on the right hand of your stack you want to edit. 
   
   
   
2. Once the edit design side bar pops out, click into Column Settings 
   
   
   
3. Once you've entered the Column settings, head to Corner radius and move the toggle to control the corner radius of the column you are in. 
   
   
   
4. Move the toggle to edit all corner radius' of your column. 
   
   
5. Otherwise, you can click the tick box to control the corners individually. 
   
   
6. Drag the toggle on the corners you want to control individually, or type in the values.  
   
   
7. Once you're happy with your corner radius', click Close and Save changes 
   
   

Column spacing 

1. Click on the Edit design colour wheel on the right hand of your stack you want to edit. 
   
   
   
2. Once the edit design side bar pops out, click into Width & Spacing 
   
   
3. Head to Column spacing and you can control the left and right internal spacing which is great for full width stacks, as well as the gap between columns. 
   
   
   
   
4. Once you're happy with your desired column spacing make sure you click Close and Save Changes. 

Add border 

1. Click on the Edit design colour wheel on the right hand of your stack you want to edit. 
   
   
   
2. Once the edit design side bar pops out, click into Column Settings 
   
   
3. Go to Column border and change the width of your border and colour as you wish. 
   
   
   
4. You will see the border on your column and adjust accordingly to get your desired look. 
   
   
   
5. Once you're happy, click Close and Save Changes. 

Border inset/offset 

1. Click on the Edit design colour wheel on the right hand of your stack you want to edit. 
   
   
   
2. Once the edit design side bar pops out, click into Column Settings 
   
   
3. Click on the three dots next to Column border. 
   
   
   
4. This will take you to your border inset/offset settings. 
   
   
   
5. Drag the toggle to the left or add your desired value in the box to get an inset look. 
   
   
   
6. Drag the toggle to the right or add your desired value in the box to get an outset look. 
   
   
   
7. Once you're happy with your desired border, click Close and Save changes. 

Apply styling to all 

1. Click on the Edit design colour wheel on the right hand of your stack you want to edit. 
   
   
   
2. Once the edit design side bar pops out, click into Column Settings 
   
   
3. Go to Column settings and click the tick box for Apply same styling to all columns
   
   
   
4. This will apply the same styling to all of your columns. Then go to your Width and Spacing settings mentioned earlier to play around with the spacing between each column. 
   
5. Close and Save Changes once your edits have been made. 

Floating sidebar 

1. Click on the Edit design colour wheel on the right hand of your stack you want to edit. 
   
   
2. Once the sidebar pops out click on the icon in the top right. 
   
   
   
3. This will switch the sidebar to the other side of the screen. This allows you to make edits easily. 
   
   
   

Be sure to get in contact with support@rocketspark.com if you have any further questions.