Tab Post Block is a useful block provided by the Magazine Block plugin. It is suitable if you are looking to have your posts displayed in a multi-tab format, as shown below:
Once you have selected the Block, you will get two options: Settings and Advanced. These tabs are to make changes to your block design. Let’s explore one by one below:
Block Settings #
The block settings section mainly consists of two options as listed below:
Query #
In this section, you can choose the number of posts to be displayed according to the site requirement.
Block Advanced #
The Advanced section consists of two customization options for the Block.
Advanced #
Inside the Advanced > Block Margin section, you will have the option to add the Block Margin value to all four sides of the block. According to the site requirement, you can assign a specific margin value to the block. Also, you can choose any units like px, em, %, and rem.
Moreover, you can set the value of the different margins for various devices (Desktop, Mobile, and Tablet).
Likewise, you can also add the specific CSS ID to make changes in the specific section of this block.
CSS Class #
It allows you to add a CSS class to your block, letting you write custom CSS to style this particular block.
For example, if you want to change the post title color of the Tab Post block only, you can add a class such as tab-post-title to the Additional CSS Class field. After that visit your CSS editor and write a style for the class as below:
h3.tab-post-title a{
color: #f31315;
}Upon adding the code, it will make the changes only to this particular block and not other blocks.
