MasterStudy Button
Last updated
Last updated
There is a Gutenberg MasterStudy Button. It lets you add a button to any page of your website.
There are Settings available in the Block section.
General Settings:
Add an Icon to Button: Enable to add an icon alongside the button text.
Colors:
Text Color: Choose the color of the button text.
Text Hover: Set the text color when the button is hovered over by the cursor.
Background Color: Define the background color of the button.
Background Hover: Specify the background color when the button is hovered over by the cursor.
Advanced:
Additional CSS Class(es): Add custom CSS classes to the button for further styling or functionality.
These are Styles available in the Block section.
Typography:
Font: Choose the font for the button text.
Size (REM): Set the font size for the button text in REM units.
Appearance: Customize the appearance of the button text, such as bold, italic, underline, etc.
Line Height: Determine the spacing between lines of text within the button.
Letter Spacing: Adjust the space between letters in the button text.
Letter Case: Transform the text to uppercase, lowercase, capitalize, etc.
Dimensions:
Padding: Set padding to control the space between the text and the edges of the button.
Margin: Adjust the margin around the button.
Border:
Border: Specify the width of the border surrounding the button.
Radius: Set the border radius to control the curvature of the corners of the button.
