• Menu
  • Skip to right header navigation
  • Skip to main content
  • Skip to primary sidebar

Before Header

Why Genesis is the Foundation of Any Smart WordPress Design ↴

Flagship Content

Web design tutorials for service business owners.

  • Search
  • Home
  • Start Here
  • Content
    • About
    • Flagship Content: How is it different to cornerstone content?
    • Homepage Content Blueprint
    • Content needed for a Service Business website
  • DIY Page Layouts
    • Start Here
    • Atomic Blocks Layouts
      • View The Layouts
      • Using Layouts
      • Adding blocks to an Atomic Blocks layout
      • Tips For Using Layouts
      • Problems and Solutions
    • Examples of Atomic Blocks
    • List of Atomic Blocks
    • List of WordPress Blocks
    • Block Navigation
    • Eye Candy
    • Tips for New Users
    • Blocks that Serve a Specific Purpose
  • Navigator Page
  • Search
  • Home
  • Start Here
  • Content
    • About
    • Flagship Content: How is it different to cornerstone content?
    • Homepage Content Blueprint
    • Content needed for a Service Business website
  • DIY Page Layouts
    • Start Here
    • Atomic Blocks Layouts
      • View The Layouts
      • Using Layouts
      • Adding blocks to an Atomic Blocks layout
      • Tips For Using Layouts
      • Problems and Solutions
    • Examples of Atomic Blocks
    • List of Atomic Blocks
    • List of WordPress Blocks
    • Block Navigation
    • Eye Candy
    • Tips for New Users
    • Blocks that Serve a Specific Purpose
  • Navigator Page

Call To Action Block

These are the settings for the Atomic Blocks, Call To Action block.

You are here: Home / Atomic Blocks settings / Call To Action Block

Call-To-Action Block

Type some text here.
Type more text here.
And here.

Button

The call to action block is designed to draw attention to a button you want your reader to click

The Call-To-Action block

After adding the call to action block to your page, you see a grey box with dummy text. Choose width and alignment options then type directly into the box, replacing the dummy text.

  1. Choose how wide you want the CTA box to be. And choose left, center or right text alignment.
  2. Type your title here, replacing the demo text.
  3. Type your call to action text here, replacing the dummy text.
  4. Type the button text here, such as “More Info” etc.
  5. Paste the link in this box that the reader will go to after clicking.

Adding styling to the Call To Action block

After typing your text directly into the call to action block, look in the post editor sidebar for the settings.

Text options

You can change the…

  • Title Font Size
  • Text Font Size
  • Text Color

Background image, color and overlay options

If you use a background image you can set a background overlay color. The background overlay color makes it easier to read text on the top of the image.

Call To Action block button options

You can…

  • Open the link in a new window.
  • Change the button size.
  • Change the button shape.Change the button color.
  • Change the button text color.

Advanced: Additional CSS Classes

If you understand CSS you can add CSS classes here.

Looking for a StudioPress theme or hosting?

Check out the two links below…

Get Premium WordPress Themes

Buy a StudioPress theme outright and use it on all of your sites. There are three ways to get all of the StudioPress themes AND save.

Get Premium WordPress ThemesChoose Your Theme

Get Genesis Framework & StudioPress Themes free.

When you sign up for a WP Engine plan, you receive the Genesis Framework and 36 StudioPress Themes free. That’s over $2,000 in value.

Get Genesis Framework & StudioPress Themes free.Free themes with hosting

High Quality Hosting

Filed Under: Atomic Blocks settings

Previous Post: « Container Block
Next Post: Drop Cap Block »

Site Footer

Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.
To find out more, including how to control cookies, see here: Cookie Policy

Copyright © 2023 · Mai Law Pro on Genesis Framework · WordPress · Log in