Custom Block Settings
How do I style a container on my website?
In each container there are three styling options: Alignment Container Frame Alignment changes the position of your first element: top, center, or bottom Top alignment: Center alignment: Bottom alignment: Select Span Settings and then select the ...
How do I change the position of a container on my website?
Select Column Settings. Select the Image/Color icon. Use the Left/Right bar and Up/Down bar to adjust the position of the container. These are advanced options. We recommend using the default settings.
How do I change the dimension of an image in a container on my website?
Select Column Settings. Select the Image/Color icon. Scroll down to Container Image Dimensions and use the bar to adjust the dimensions. These are advanced options. We recommend using the default settings.
How do I change the direction of a color gradient in a container on my website?
Select Column Settings. Select the Image/Color icon. Select a direction for the color gradient. The new gradient direction has been applied. Note: More of the background will be visible once you add additional elements.
How do I add a second color to a container on my website?
Select Column Settings. Select “Add Container Color” to add a background color. Select a color from the color wheel or enter a color code. Adjust the transparency as needed. Select “Add Secondary Color” to add a second color. Select a direction for ...
How do I add a color to a container on my website?
Select Column Settings. Select “Add Container Color” to add a background color. Select a color from the color wheel or enter a color code. Adjust the transparency as needed.
How do I adjust the vertical alignment of a container on my website?
Select Column Settings. Select Alignment and then select your desired alignment option. Top Alignment: Center Alignment: Bottom Alignment:
How do I add a background image to a container on my website?
Select Column Settings. · Select the Image icon to add a container image. Drag and drop an image or click to upload one from our Media Library. The container image has now been added. Note: More of the image will be visible once you add ...
How do I change the layout of a frame on my website?
Select the Column Settings icon. Select the Frame icon. Use the arrows to view the different frame options. Select a frame to apply it to the container.
How do I change the color of a frame on my website?
Select Column Settings. Select the Frame icon. Select the color option to change the frame’s color. Enter a color code or select a color from the color wheel.
How do I add a frame to my website?
To add a frame to your website, select the Manage Your Site tile. Hover over the block where you want to add the frame and select Column Settings. Select the Frame icon. Use the arrows to view the different frame options. The selected frame will be ...
How do I remove something on the mobile version of my website?
To remove an element on the mobile version of your website, select the Manage Your Site tile. Select the element you want to remove and then select the Style icon. Select the toggle button to remove the element from the website on mobile.
How do I adjust the width of a frame on my website?
To make changes to a frame on your website, select the Manage Your Site tile. Hover over the block and select the Column Settings icon. Select the Frame icon. Use the bar or enter a number to adjust the frame width. The frame width has been adjusted.
How do I adjust the vertical shadow of a frame on my website?
To make changes to a frame on your website, select the Manage Your Site tile. Hover over a block and select the Column Settings icon. Select the Frame icon. Select the Shadow tab. Use the bar to adjust the frame’s vertical ...
How do I adjust the shadow spread of a frame on my website?
To make changes to a frame on your website, select the Manage Your Site tile. Hover over the block and select the Column Settings icon. Select the Frame icon. Select the Shadow tab. Use the bar to adjust the shadow spread.
How do I adjust the shadow blur radius of a frame on my website?
To make changes to a frame on your website, select the Manage Your Site tile. Hover over the block and select the Column Settings icon. Select the Frame icon. Select the Shadow tab. Use the bar to adjust the shadow blur radius. The shadow blur radius ...
How do I adjust the position of a frame on my website?
To make changes to a frame on your website, select the Manage Your Site tile. Hover over the block and select the Column Settings icon. Select the Frame icon. Use the frame position left/right bar or enter a number to adjust the frame position.
How do I adjust the horizontal shadow of a frame on my website?
To make changes to a frame on your website, select the Manage Your Site tile. Hover over the block and select the column settings icon. Select the Frame icon. Select the Shadow tab. Use the bar to adjust the frame’s horizontal shadow. The horizontal ...
How do I change the height of a frame on my website?
To make changes to a frame on your website, select the Manage Your Site tile. Hover over the block and select the Column Settings icon. Select the Frame icon. Use the bar or enter a number to adjust the frame height. The frame height has been ...
How do I add a shadow to a frame on my website?
To add a shadow to a frame on your website, select the Manage Your Site tile. Hover over the block and select the column settings icon. Select the Frame icon. Select the Shadow tab. Select the color icon to select a color from the color wheel or ...