#How to add muse widgets generator#
#How to add muse widgets full#
#How to add muse widgets code#

Content Vertical Alignment: This aligns all of the text content to the top, center or bottom of the tile.Using a smaller Internal Content Width also allows you to properly use the alignment options below. You may find that the description looks much better if you use a smaller Internal Content Width such as 50%. If you have long description text, that text will fill the entire width of the tile. This means that all the text content will fill 100% of the tile. Internal Content Width: This sets the width for the content area within a tile.Link Target: This determines whether the button link will open in the same window or a new window.Link Label: This is the text that will appear on the button.Enable Button: This enables the button.Description: This is the description text.Enable Description: This enables the description text.Enable Subitle: This enables the subtitle text.Enable Title: This enables the title text.Background Image: This image loader sets the image that appears when the user hovers over this tile.All the sections contain the same options. We will look at the settings in one section. These sections are used for loading images, entering text content, and controlling content placement and alignment. You may select from one of the many shapes available, or you may edit the shape in the shape editor to create your own shape. Online Shape Generator: Click this link to access an online shape generator.

#How to add muse widgets code#

When pasting code from the online shape editor, use only the information between : and Д®xample, if your code is clip-path: circle(20.4% at 50% 50%), only use clip-path: circle(20.4% at 50% 50%)

#How to add muse widgets generator#

Use the Online Shape Generator to generate code to use in the Custom Shape field.

Custom Shape: You may use a custom shape, instead of a default shape found in the Shape option dropdown.

Choose your overlay color with this setting.

Overlay Color: There is an overlay color that is applied over the entire widget area (aside from the clippiing mask shape).

We suggest starting with a setting of 0.7 and asjusting from there.

An opacity of 0.0 is 100% transparent, and only the overlay color will be seen. An opacity of 1.0 is 100% opaque, and will be seen with no overlay color seen. This setting determines the opacity of your images.

Background Image Opacity: The images you load are considered background images, as they appear in the background of the widget container.

This means that when the browser window is expanded, the column count will not exceed this value.

Max Grid Columns: This sets the maximum number of columns for the grid layout.

The Grid option creates the typical gallery look, while the Rows and Columns options give you a different style of layout.

Gallery Layout: This sets the layout for the widget.

There are a selection of shapes available in the dropdown, or you may select the Custom option to use a custom shape (see Custom Shape below)

Shape: There is a shape that is used as a clipping mask, that provides transparency from the overlay color.

#How to add muse widgets full#

You may use the widget in any size you like, however, the widget may look best at full browser width. Place the widget where you would like the gallery to appear on your site.