Widget Styles
Besides the standard SiteOrigin widget style options, we added some additional settings to improve the layout, style, and behavior of the widgets.
Widget Style settings are located in the right-side panels when editing widgets inside Page Builder.
1 Desktop Layout
- Overlap row
You can make the widget overlap the row below or above.
(Works best with the button widget)
2 Tablet Layout
- Center on tablet
Checking this will center the text and buttons on tablets.
(May not work with all widgets) - Stretch on tablet
Checking this removes the side margins of the widget. - Hide on tablet
Checking this will hide the widget on tablets.
3 Mobile Layout
- Center on mobile
Checking this will center the text and buttons on mobile.
(May not work with all widgets) - Stretch on mobile
Checking this removes the side margins of the widget. - Hide on mobile
Checking this will hide the widget on mobile devices.
4 Design
- Background Color (Dentalia 2.0+)
You can pick and instantly apply theme colors to the widget background. To use a custom color, click the Rainbow 🌈 and add your color in the color picker filed. - Background opacity (requires custom color background)
Sets the opacity of the widget background (1 is almost transparent and 100 is opaque). - Border radius (requires widget background or border)
Sets the border radius of the widget background or border. - Overlay
Adds a color overlay over the row background. The colors and gradients are defined by the general theme colors set in the Theme Options. - Text color
Sets the text color of the widget to light or dark. - Drop shadow effect
Adds a shadow effect to the widget background.
