MasterStudy Icon

There is a Gutenberg MasterStudy Icon block. It lets you add a section with icons to any page of your website.

Adjusting Settings

There are Settings available in the Block section.

• Icons:

  • Select Device: Allows users to choose the device for which the icon will be previewed.

  • Width: Sets the width of the icon in pixels (24px).

  • Height: Sets the height of the icon in pixels (24px).

  • Search: Enables users to search and select an icon to display. Or you can choose from the list of the icons below.

• Advanced:

  • Additional CSS Class(Es): Allows users to add custom CSS classes for further styling or functionality.

Adjusting Styles

These are Styles available in the Block section.

• Color:

  • Text: Choose the color of the icon.

  • Background: Set the background color behind the icon.

• Dimensions:

  • Padding: Adjust the padding around the icon to control spacing.

  • Margin: Control the margin around the icon to manage its positioning in relation to other elements on the page.

• Border:

  • Border: Specify the width of the border surrounding the icon.

  • Radius: Set the border radius to control the curvature of the corners of the icon.