# 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. 

<figure><img src="https://687718835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBP5ah3ZU6B3thBHJbnWV%2Fuploads%2Fzkumi1wbG1bJJ6nYust1%2Fgutenberg%20blocks%205.jpg?alt=media&#x26;token=9499f03e-7d1d-4328-bc0a-c73423905c10" alt=""><figcaption></figcaption></figure>

## Adjusting Settings

There are **Settings** available in the Block section.

<figure><img src="https://687718835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBP5ah3ZU6B3thBHJbnWV%2Fuploads%2FBWHkoM96PtKnhSuAsThC%2Fgutenberg%20blocks%206.jpg?alt=media&#x26;token=b49daa5e-6901-419f-8eed-b76e7556a354" alt=""><figcaption></figcaption></figure>

* **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.

<figure><img src="https://687718835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBP5ah3ZU6B3thBHJbnWV%2Fuploads%2FSmciF7yBBKXPmfBQH5im%2Fgutenberg%20blocks%207.jpg?alt=media&#x26;token=759ff528-2252-4d5f-947a-d0407e542073" alt=""><figcaption></figcaption></figure>

* **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.