MasterStudy Call to Action
There is a Gutenberg MasterStudy Call to Action block. It lets you add a section with CTA to any page of your website.
Adjusting Settings
There are Settings available in the Block section.
Layout:
Inner Blocks Use Content Width: Toggle to determine whether nested blocks will fill the width of this container or be constrained to content width.
General Settings:
Add an Image to Background: Enable to add an image as the background for the Call to Action block.
Make Background Transparent: Toggle to make the background of the Call to Action block transparent.
Width: Adjust the width of the Call to Action block.
Colors:
Text Color: Choose the color of the text within the Call to Action block.
Text Hover: Set the text color when hovered over by the cursor.
Background Color: Define the background color of the Call to Action block.
Background Hover: Specify the background color when hovered over by the cursor.
Advanced:
Additional CSS Class(es): Add custom CSS classes to the Call to Action block for further styling or functionality.
Adjusting Styles
These are Styles available in the Block section.
Typography:
Font: Choose the font for the text within the Call to Action block.
Size (Rem): Set the font size for the text in REM units.
Appearance: Customize the appearance of the text, such as bold, italic, underline, etc.
Line Height: Determine the spacing between lines of text within the Call to Action block.
Letter Spacing: Adjust the space between letters in the text.
Letter Case: Transform the text to uppercase, lowercase, capitalize, etc.
Dimensions:
Padding: Set padding to control the space between the content and the edges of the Call to Action block.
Margin: Adjust the margin around the Call to Action block.
Border:
Border: Specify the width of the border surrounding the Call to Action block.
Radius: Set the border radius to control the curvature of the corners of the Call to Action block.
Last updated
