• Classified Listing Docs
    • Classified Listing Plugin
    • Classified Listing All Addons
    • Classified Listing Mobile App
    • Classima Mobile APP
    • Listygo Mobile App
    • Homlisti Mobile App
  • Woocommerce Plugins Docs
    • ShopBuilder Elementor Addon
    • Woo Variation Swatches
    • Woo Variation Gallery
    • Zilly Mobile App
  • General Plugins Docs
    • The Post Grid
    • Testimonial Slider
    • Team Members
    • Food Menu
    • Review & Schema
    • Portfolio
    • Business Review
  • Our Plugins
    • The Post Grid
    • Classified Listing
    • ShopBuilder
    • Food Menu
    • Team
    • Portfolio
    • Testimonial Slider
    • Review & Schema
    • See All Plugins
  • Get Pro
Ă—
  • Classified Listing Docs
    • Classified Listing Plugin
    • Classified Listing All Addons
    • Classified Listing Mobile App
    • Classima Mobile APP
    • Listygo Mobile App
    • Homlisti Mobile App
  • Woocommerce Plugins Docs
    • ShopBuilder Elementor Addon
    • Woo Variation Swatches
    • Woo Variation Gallery
    • Zilly Mobile App
  • General Plugins Docs
    • The Post Grid
    • Testimonial Slider
    • Team Members
    • Food Menu
    • Review & Schema
    • Portfolio
    • Business Review
  • Our Plugins
    • The Post Grid
    • Classified Listing
    • ShopBuilder
    • Food Menu
    • Team
    • Portfolio
    • Testimonial Slider
    • Review & Schema
    • See All Plugins

Getting Started

3
  • System Requirements
  • Installation
  • How to Use (Video)

Plugin Settings

9
  • Active License
  • Common Settings
  • Pop Up Field Selection (PRO)
  • Social Share (PRO)
  • Custom Script
  • AI Integration
  • My Account
  • Event Settings
  • Other Settings

Shortcode Generator

6
  • Style
  • Fields Selection
  • Settings
  • Layout Settings
  • Query Build
  • Front-end Filter

Use Shortcode in Page

4
  • Use Shortcode in Page
  • Use Direct Shortcode
  • Use Elementor Addon
  • Use Gutenberg Addon

Create Different Layouts

6
  • Create List Layout
  • Create Grid Layout
  • Create Grid Filter Layout
  • Create Carousel Slider Layout [PRO]
  • Create WooCommmerce Layout [PRO]
  • Create Easy Digital Downloads Layout [PRO]

Elementor Addons

11
  • Elementor Settings
  • Overview
  • Archive / Single Page Builder
  • Create Front-end Filter
  • Create Slider Layout [PRO]
  • Create List Layout
  • Create Grid Hover layout
  • Create Grid Layout
  • Style Tab
  • Settings Tab
  • Content Tab

Gutenberg Blocks

9
  • Import Layouts and Sections
  • Create Slider Layout [PRO]
  • Create List Layout
  • Create Grid Hover layout
  • Create Grid Layout
  • Style Tab
  • Settings Tab
  • Content Tab
  • Overview

Divi Modules

10
  • Divi Video Tutorial
  • Overview
  • Build Page With Divi
  • Create Grid Layout
  • Create Grid Hover Layout
  • Create List Layout
  • Create Slider Layout
  • Front End Filter Settings
  • Content Tab
  • Design Tab

Features

6
  • Event Integration with The Post Grid [PRO]
  • Front End Submission [PRO]
  • Chat GPT Integration [PRO]
  • Set Archive Layout [PRO]
  • Custom Post Type (CPT) [PRO]
  • Taxonomy Ordering [PRO]

How to Use

5
  • How to Display a Specific Category Page Using Post Grid
  • How to use ACF Plugin?
  • How to Improve Performance?
  • How to Renew a License
  • How to Use Video?

Frequently Asked Questions

4
  • How to make a Custom Read More link?
  • Image Scroll down on Hover
  • How to remove the Import button from gutenberg editor
  • How to Override Layout
  • Home
  • Docs
  • Shortcode Generator
  • Style
View Categories

Style

1 min read

This documentation is based on the PRO version so additional features are PRO features #

5.1) Parent Class: You can set a CSS class for the shortcode it will add in the source code so if need you can write custom CSS with this class.

5.2) Primary Color: Set the primary color of the layout.

5.3) Gutter/ Padding [Pro]: You can set a gutter it will apply in grid padding.

5.4) Overlay Color: You can set an overlay color it will which layout has an overlay color.

5.5) Overlay opacity: You can set overlay color opacity from here

5.6) Overlay Top Padding: For content hover layout you can set the top padding of the content.

5.7) Button Colors: You can set button text, color, hover background or hover text color. It will work for read more, Carousel buttons and pagination button color.

5.8) Widget/ Shortcode Heading: You can set the background color, text color, border color, border size, margin and padding.

5.9) Full Area/ Section: You can set full section area background, margin or padding.

5.10) Content Wrap [Pro]: You can set the background color, box-shadow color, border color, border width, border radius, box padding and content padding from here.

5.11) Category [Pro]: You can set the background color, text color, border-radius, margin, padding and font size from here.

5.12) Title: Set title color, font size, weight and alignment from here.

5.13) Title Hover: Set title hover color, font size, weight and alignment from here.

5.14) Excerpt: Set excerpt color, font size, weight and alignment from here.

5.15) Meta: Set meta color, font size, weight and alignment from here.

What are your Feelings

Share This Article :

  • Facebook
  • X
  • LinkedIn
  • Pinterest
Still stuck? How can we help?

How can we help?

Updated on February 25, 2025
Front-end FilterFields Selection
Table of Contents
  • This documentation is based on the PRO version so additional features are PRO features
Copyright© 2026 RadiusDocs by RadiusTheme