Block Slider
HomeGet Now
  • 👋Block Slider
  • ⚙️Configuration
    • 1️⃣Keyboard Navigation
    • 2️⃣Mouse Drag
    • 3️⃣Speed
    • 4️⃣Slide Effect
    • 5️⃣Slide Per View
    • 6️⃣Space Between
    • 7️⃣Loop
    • 8️⃣Autoplay
    • 9️⃣Pagination
    • 🔟Navigation
  • 📔Guides
    • 🖌️Design
    • 💻Using a responsive control
    • 👀Using the visibility control
    • 🌟Using block slider presets
    • 😍Block slider with page builders
    • 🔍How to use Query Slider
    • 🛒How to create WooCommerce Product Slider
  • 🧰Hooks and Filters
    • 1️⃣blockslider_query_args
  • 🎮Controller Blocks
    • 🤩Thumbnails Controller Block
Powered by GitBook
On this page
  • Responsive Design
  • Design Elements
  1. Guides

Design

PreviousGuidesNextUsing a responsive control

Last updated 1 year ago

Blockslider offers a bunch of designing/customization controls. This documentation covers how you can start customizing block sliders according to your design needs.

Responsive Design

Almost all design controls support responsiveness. Here’s a quick article explaining how you can use a responsive control

Design Elements

Almost all design options are organized into three basic elements, that are:

  • Wrapper: Applies on the main slider wrapper/container

  • Slides: Applies on every slide

  • Current: Applies on the currently active slide

You can design every other design element regardless you’re on a slide or slider.

📔
🖌️
Using a responsive control