How to change Layout of widget
Articles on: Socialwidget
Creating a visually appealing and functional widget on your website can greatly improve user experience and engagement. In this article, we’ll guide you through the key layout settings available in the Widget template, helping you customize elements like padding, borders, image quantity, and alignment. Whether you're adding a photo slider or a product gallery, these settings ensure your widget looks great and functions smoothly.
1. What You Can Customize in the Widget Template
2. Benefits of Custom Layout Settings
3. Step-by-Step Guide to Adjust Layout Settings
Here are the key layout features supported by the Widget template:
Padding, Border, and Margin: Control spacing inside and outside the widget.
Max-Width: Auto-align your widget with the rest of your website layout.
Choose Image: Set a custom background image for visual appeal.
Columns and Rows: Display content in multiple columns or rows.
Photos and Items to Show: Define how many images are shown in the slider.
Maintain consistent website design and structure
Easily align widgets without coding
Display more or fewer items based on your needs
Improve overall user interface and navigation
Add branding through background visuals
1. Adjust Padding, Border, and Margin
Go to Socialwidget's dashboard
Choose Widget section
Select Customize Widget then choose Layout Settings
Scroll down to the Padding, Border, and Margin section.
Adjust the values to control spacing and widget positioning.
2. Set Number of Columns and Rows
Go to the Display Settings section.
Adjust the number of columns to change how many items are shown per row.
Set the number of rows to define vertical stacking.
3. Choose Number of Photos and Items to Show
Find the setting labeled Number of Photos / Items to Show.
Use the slider or number input to choose how many images you want visible.
Preview the changes before saving.
With the Widget template's layout settings, you can fully control how your content is displayed—ensuring it looks polished, responsive, and aligned with your overall site design. Use these tools to enhance visual appeal, improve functionality, and deliver a better experience to your website visitors.
If you meet any issue while trying to fix these errors, do not hesitate to drop us a message in the live chat or email us at support@socialhead.io. We would love to help you out!
Creating a visually appealing and functional widget on your website can greatly improve user experience and engagement. In this article, we’ll guide you through the key layout settings available in the Widget template, helping you customize elements like padding, borders, image quantity, and alignment. Whether you're adding a photo slider or a product gallery, these settings ensure your widget looks great and functions smoothly.
Table of Contents
1. What You Can Customize in the Widget Template
2. Benefits of Custom Layout Settings
3. Step-by-Step Guide to Adjust Layout Settings
1. What You Can Customize in the Widget Template
Here are the key layout features supported by the Widget template:
Padding, Border, and Margin: Control spacing inside and outside the widget.
Max-Width: Auto-align your widget with the rest of your website layout.
Choose Image: Set a custom background image for visual appeal.
Columns and Rows: Display content in multiple columns or rows.
Photos and Items to Show: Define how many images are shown in the slider.
2. Benefits of Using These Layout Settings
Maintain consistent website design and structure
Easily align widgets without coding
Display more or fewer items based on your needs
Improve overall user interface and navigation
Add branding through background visuals
3. Step-by-Step Guide to Adjust Layout Setting
1. Adjust Padding, Border, and Margin
Go to Socialwidget's dashboard
Choose Widget section
Select Customize Widget then choose Layout Settings
Scroll down to the Padding, Border, and Margin section.
Adjust the values to control spacing and widget positioning.
2. Set Number of Columns and Rows
Go to the Display Settings section.
Adjust the number of columns to change how many items are shown per row.
Set the number of rows to define vertical stacking.
3. Choose Number of Photos and Items to Show
Find the setting labeled Number of Photos / Items to Show.
Use the slider or number input to choose how many images you want visible.
Preview the changes before saving.
With the Widget template's layout settings, you can fully control how your content is displayed—ensuring it looks polished, responsive, and aligned with your overall site design. Use these tools to enhance visual appeal, improve functionality, and deliver a better experience to your website visitors.
If you meet any issue while trying to fix these errors, do not hesitate to drop us a message in the live chat or email us at support@socialhead.io. We would love to help you out!
Updated on: 06/04/2025
Thank you!