Column Settings and Column Background Image
How to change the column settings and add a background image in your column
ShinePages Support
Last Update 8 months ago
Access your settings by clicking over your column and click on the column settings button.

To replace your background image - click on the trashcan icon on the image.

To add a new background image - click on the + plus icon on the image.

This will take you to your file manager where you can upload a new Image or click on an Image that has already been uploaded.
Click on the image so that it is checked, then click "Select" - this will add the image to your block.

EDIT CONTAINER SETTINGS
“Background Color” - Set your background color if you’re not using a background image.

“Add Gradient” - to set a gradient of colors for affect.

“Add Overlay” - add a color over your column or column image and set the transparency.

“Top Column Margin” and “Content Alignment” - you can adjust these as per your preference.

“Border” - Add a border and play with color, size and radius.

Create rounded edges to your column / column background image - click on "Border" Change and set the Border Size to 0 and toggle the Border Radius to get the shape you want.

“Shadow” - Add a shadow and experiment with all of the editing options.

Add a Tilted Background affect - Edit color, position and direction.

“This is a global column” - see article: Global Columns/Content

Please also see these related articles:
- Video tutorial on Editing your page: Adjusting Rows, Columns & Blocks
- Article on Blocks: Block Settings and Block Background Image
- Article on adding an image widget to your column: How to Add Images / Photos to your page and Image Settings