MasterStudy Templates
Live DemoChangelogResources Get MasterStudy
  • MasterStudy Templates
  • General
    • System Requirements
  • Installation & Activation
    • Theme Installation and Demo Import
    • MasterStudy Premium Templates
    • How To Update the Theme
    • License Utilization
    • How to get Premium Support?
  • LMS Widgets
    • Elementor Widgets
    • Gutenberg Blocks
  • Customizer Settings
    • Colors
    • Header Settings
    • Footer Settings
    • Typography
    • Menus
  • Elementor Blocks
    • Header
    • Footer
    • Menus
  • Gutenberg Blocks
    • MasterStudy Call to Action
    • MasterStudy Icon
    • MasterStudy Button
    • MasterStudy Testimonial
    • MasterStudy Iconbox
    • MasterStudy Adaptive Container
    • MasterStudy Text
  • Elementor Widgets
    • Courses Carousel
    • Courses Grid
    • Courses Search box
    • Featured Teacher
    • Recent Courses
    • MS LMS Testimonials
  • Extra Materials
    • Changelog
    • Demo
  • STYLEMIXTHEMES
    • Themes
    • Plugins
Powered by GitBook
On this page
  • Adjusting Settings
  • Adjusting Styles

Was this helpful?

  1. Gutenberg Blocks

MasterStudy Call to Action

PreviousMenusNextMasterStudy Icon

Last updated 7 months ago

Was this helpful?

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.