Craft your stunning gallery complete with content, diverse layouts, thumbnails, and numerous other customization options.
Steps of adding Accordion Block
Go to WordPress Dashboard > HTMega Addons> Settings > Gutenberg. From the list of Blocks, turn ON the “Image Grid” Block.
Step 1: How to Enable Image Grid?
![](https://wphtmega.com/wp-content/uploads/2024/01/enable-grid-1024x523.jpg)
Step 2: How to use the Image Grid Block?
To add the Image Grid block, search by “Image Grid” and use the Block that has the “HT badge”
![](https://wphtmega.com/wp-content/uploads/2024/01/search-grid-1024x471.jpg)
Drag and drop or click on the “Image Grid” block to insert it into the page.
![](https://wphtmega.com/wp-content/uploads/2024/01/drag-drop-grid-1024x472.jpg)
Step 3: How to customize the Accordion Block?
Image Grid Items: You have the ability to set the Title, Content, Image, and Link by Editing. Additionally, you can Add and Delete grid items as needed.
![](https://wphtmega.com/wp-content/uploads/2024/01/items-grid-1024x472.jpg)
Settings: You can set Preset Style, Columns and Gutter Spacing.
![](https://wphtmega.com/wp-content/uploads/2024/01/settings-grid-1024x472.jpg)
How to customize the Accordion style
Image Box: You can change Overlay Color, Radius, Border and Box Shadow style of the Image Box as needed.
![](https://wphtmega.com/wp-content/uploads/2024/01/image-box-grid-1024x472.jpg)
Title: You can change Typography, Color, Background Color, Padding & Margin style as needed.
![](https://wphtmega.com/wp-content/uploads/2024/01/title-grid-1024x471.jpg)
Read More: You can change Typography, Padding, Radius and Color, Background Color/Gradient, Border & Box Shadow (Normal & Hover State) style as needed.
![](https://wphtmega.com/wp-content/uploads/2024/01/read-more-grid-1024x471.jpg)
Step 4: Now visit the site
Visit the Page to Preview
![](https://wphtmega.com/wp-content/uploads/2024/01/preview-grid-1024x399.jpg)
Was this helpful?
Good job! Please give your positive feedback
How could we improve this post? Please Help us.