- Using Spectra Heading Block
- Buttons
- Post Grid
- Content Timeline
- Social Share
- Google Map
- Add Testimonials to Your WordPress Website
- Info Box
- Team
- Icon List
- Price List
- Post Masonry
- Post Carousel
- Post Timeline
- Call To Action
- Advanced Columns
- Blockquote
- Marketing Button
- Gravity Form Styler
- Table Of Contents
- How-to Schema
- FAQ – Schema/ Accordion
- Inline Notice
- WP – Search
- Review Schema
- Lottie
- Taxonomy List
- Tabs Block
- How to Create Contact Forms for Your WordPress Website
- Star Rating
- Masonry Image Gallery
- Wireframe Blocks
- Spectra – Heading Block
- Spectra – Image Block
- Spectra – Buttons block
- ‘Translate Everything’ Feature in WPML
- Spectra – Container Block
- Spectra – Taxonomy Styling Options
- Spectra – Block Presets
- Image Gallery
- Counter Block
- Modal Block
- Registration Form Block
- Slider Block
- Custom CSS On Page Level
- Countdown Pro
- Designing Custom Navigation for Your Slider
- Instagram Feed
- Loop Builder
- Animations
- Using Spectra Login Form Block
- Global Block Style Extension
- How to Create Popups Using Spectra
- How to Add Custom Blocks Under Spectra Blocks
- Move Block Patterns from One Site to Another
- Getting Started with Grid Builder
- Adding a Newsletter Form to Your WordPress Site Footer
- How to Register High-Privileged Users on Your Website
- How To Hide Spectra Core Blocks In Your Block Editor
- Section
- Troubleshooting – Icons missing from the blocks
- Spectra Patterns
- How to Set Multiple Column Fields in Contact Form 7 Styler of Spectra?
- Styling Checkbox / Radio / Acceptance control in Contact Form 7 Designer block of Spectra
- Unable to Style Checkbox / Radio Buttons / Acceptance Control using Contact Form 7 Styler of Spectra
- Tab Index – for multiple Gravity Forms
- Getting Started With Spectra
- How to Exclude A Heading from Table of Contents?
- Spectra – Display Conditions for Blocks
- Installing and Importing Starter Templates
- Getting Started With Spectra
- Manually Install Spectra via FTP
- Automatic Beta Updates for Spectra
- Rollback To Previous Versions
- How to Load Google Fonts Locally
- Activate the Spectra Pro License Key
- How to Install Spectra Pro Plugin
- Translate Spectra Strings using Loco Translate
- How to Process Refund Requests?
- How to add a Transparent / Sticky header?
- How to Change the Site Logo?
- How to Change Global Styles?
- How to Disable Title on Posts, Pages?
- How to add a transparent/ sticky header for a single page/post?
- Change Header and Footer Patterns in Spectra One Theme
- Add Custom/Google Fonts In Spectra One
- How To Reset Global Default Styling?
- Manually Install Spectra One via FTP?
- Disable or Enable Header/Footer for Specific Pages/Posts
Call To Action
Call-to-action (CTA) are recommended to use in your website as they lead users towards your aimed conversion. SpectraB allows a bunch of option to design beautiful CTA. Have a look at the demo here.
Key features –
- Option to add heading and description along with CTA button
- CTA Layout option – Normal/ Stack
- Add a link with Text, Button or to Complete Box
- Total Button customization along with icon option
- Typography and Color options for content
- Spacing Options
- Responsive Design
CTA Layout option – Normal/ Stack
Under Button > Type if Text or Button is selected, Layout > Button Position can be managed. Normal layout will display content and button inline while Stack layout will display button below the content.
Add a link with Text, Button or to Complete Box
Under Button > Type select a way to add link for CTA. Link can be added with text, Button or to the complete CTA box.
Total Button customization along with icon option
Under Button tab following options are available for the CTA button customization –
- Add text and link
- Select Icon from the given library
- Icon position and spacing
- Button padding
- Border style, width, color and radius
Typography and Color options for content
Typography can be set under Content tab. While color options are available under Color Settings tab.
Spacing Options
Space can be managed between content from Spacing tab.
Responsive Design
From Layout > Button Position, if the Normal layout is selected, content and button will display inline. On responsive devices inline layout might not look good. So you can choose to stack the content and button on responsive devices with Stack on option.
We don't respond to the article feedback, we use it to improve our support content.