Listing Grid Variable Width Slider

Enables variable-width sliding for JetEngine Listing Grid sliders by adding a special CSS class and adjusting styles.

Specifications
Listing Grid Variable Width Slider
6 January, 2026
  • Plugin
    • JetEngine
  • Category
    • Dynamic Display
    • Design & Theme Builder
  • Programming languages
    • PHP
    • CSS
Source code

Installing Instruction

  1. Copy the required CSS code snippet to your clipboard.
  2. You can add the code in one of two ways:
    1. Option A: Using WordPress Theme Customizer
      1. Navigate to WordPress Dashboard > Appearance > Customize > Additional CSS.
      2. Paste the CSS snippet into the editor.
      3. Click "Publish" to save the changes.
    2. Option B: Using a Custom CSS Plugin
      1. Install and activate a plugin such as Simple Custom CSS and JS or WPCode Lite.
      2. Create a new CSS snippet.
      3. Paste your code into the editor.
      4. Save and activate the snippet.

Example Use Case

Use this snippet whenever you want your JetEngine listing grid slider to support items of varying widths, enhancing visual variety and layout flexibility.
Applicable scenarios:

  • Creative portfolio sites showcasing projects with different-sized images or cards.
  • Ecommerce sites displaying varied product or promotional tile sizes.
  • News or magazine-style blogs with dynamic content card widths.
Specifications
Listing Grid Variable Width Slider
6 January, 2026
  • Plugin
    • JetEngine
  • Category
    • Dynamic Display
    • Design & Theme Builder
  • Programming languages
    • PHP
    • CSS
Source code

Let’s build together

Have your own solution?

Came up with a great solution and want to show it to the Crocoblock community?

Propose a solution
Request a new feature

Leave a feature request through GitHub, and our developers will consider it

Request features