- 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
Post Carousel
This block provides options to showcase CPTs with carousel layout. It provides an option to select available post types – posts, pages, media or any CPT you have. It also offers taxonomy controls and predefined controls for every part of the post like Featured Image, Excerpt, Author etc.
Key Features –
- Option to Choose Post type (posts, pages, media, CPT) to display
- Taxonomy controls like category, tags etc.
- Total control of the carousel
- Order posts by title or date
- Featured image position and size
- Decide the number of items per page
- Set columns for desktop and responsive devices
- Show/ Hide post meta like Author, Date, Comment, Excerpt, Read More Link
- Color and Typography options for each part of the blog
- Spacing options for post grid
Choose Post Type and set Taxonomy Controls
Under the General tab, Post Type option allows choosing all available post types – posts, pages, media or any CPT you have. Taxonomy controls allows choosing posts according to categories or tags. Order by option allows ordering posts according to date or alphabetically dependent on the title.
Total control of the carousel
Carousel tab offer options to customize post slider. Available options are –
- Pause On Hover
- Autoplay
- Infinite Loop
- Transition Speed (ms)
- Show Arrows & Dots
Featured image position and size
Featured image can be set a at the top of the post content or as a background for the post content. Under the Image tab, Featured image position and size can be managed.
Decide the number of items and columns on responsive
Under the General tab, you get an option to select Number of items that mean number of posts to be shown with the block. You can also choose column number for desktop, tablet, and mobile
Note: To display slider, make sure Number of items are more than Columns. For example if number of columns are N, then Number of items must be N+1 or more.
Show/ Hide post meta
Under the Content tab, the options are available to hide post meta settings like Author, Date, Comment, Excerpt, Read More Link.
Color and Typography options for each part of the blog
Under the Colors tab, the options are available to change color for each part of the post. Similarly under Typography tab, Font Size can be manged for each part of the block.
Spacing options for post grid
Under the Spacing tab, you can control spacing for every part of the blog.
P.S. – For Custom Post Types make sure the show_in_rest
parameter is set to true
. For both, custom post type and custom taxonomies.
Post Rearrange Options [New]
Note:
The Spectra in version 1.20.0 – introduces – Post Rearrange functionality which will also add edit layout option to the Post Grid, Post Masonry, and Post Carousel blocks too.
Key Points —
- Added Edit mode to rearrange Post default layout in Post Grid, Post Masonry, and Post Carousel block.
- Preview Mode – where you can check the rearranged layout
- You can Save, Cancel and also Reset the block layout
Steps to Rearrange the Post Carousel layout —
Step 1: Ensure you are on the Spectra version 1.20.0 and above.
Step 2: Now, on hovering over the Post Carousel options you will notice an pencil or edit icon. This will open a Preview mode that will help change the post carousel layout for the posts.
Step 3: Furthermore, you will find options on clicking on the Product Image, Post Title, Meta, etc and drag option/Move Up-Down button using which you can rearrange the layout.
Step 4: Once the layout is final, you can save the changes it will reflect. If you are unsure about the changes you can simply cancel. Or if you want to go back to the initial styling of the Post Carousel you can click on the Reset Layout option besides the Save and Cancel option.
We don't respond to the article feedback, we use it to improve our support content.