Working with Sliders | BoldGrid
Last updated on

With the Premium WordPress Page Builder by BoldGrid you will have access to built-in, native sliders that render in real time from within the WordPress Editor. No need to get an additional plugin to create sliders, this one has them included!

There are two types of WordPress sliders that you can create: Section Sliders and Content Sliders. Each type can have as many slides as you need. They are added the same way and have the same options in the editor.

Adding a Slider

  • Place the cursor in your content where you wish to place the icon
  • Click the + in the DropTab
  • Select the type of slider you want to use

Each slide on a Section Slider can have a unique background with different page elements than the one before. With a Content Slider the background stays the same while elements like text, images, buttons, and more change on top.

Slider controls for the WordPress Page Builder by BoldGrid

Slider Controls

  • Slide Actions allow you to move thru the slides in the Editor, make or delete a slide, and rearrange the order
  • Autoplay has the slider rotating by itself when the page loads and the duration is time between slides
  • Loop repeats slides after reaching the end
  • Navigation Buttons provide several positions to choose from. The overlay puts the navigation on top or next to slider. You can also set the size, style, and color of the icon
  • Navigation Dots have two positions to choose from, the dots can be overlay or not, and the size/color can be set.

FAQs

How do I pick what images go in the slider?

You can add images to sliders in two ways. If you click on the placeholder image, you’ll see the icon to swap it with the image of your choice. It looks like a camera and a musical note. You can also add media to any part of a slider by using the “Add Media” button at the top-left of the editor.

The default number of pictures in a slider is 3. How can I add more?

While you’re working on the slider, look for the slider controls at the top of the editor. Once you’re there, click on Slide Actions -> Edit and you’ll see the New Slide option. Here’s a screenshot to illustrate:

When I select a Slider I get the same layout. How do I get a different one to choose from?

When you’re working with a Section Slider, you have the ability to add and delete columns and rows, as well as drag them to adjust their sizes, but it can be confusing. You can click the Add Block button in the top-right of the editor and look for the pre-designed sliders in the following categories:

  • Services
  • About
  • Contact
  • Testimonial
  • Team

Look for the three dots to indicate which blocks are sliders:

How do I save my Slider design?

Once you have your slider designed how you’d like, you can save the block future use.

Congratulations!

You now know how to work with Sliders, a Premium feature of our WordPress Page Builder, the BoldGrid Post and Page Builder. Next, you may want to learn more about using the Block library.

 

SIGNUP FOR

BOLDGRID CENTRAL  

   200+ Design Templates + 1 Kick-ass SuperTheme
   6 WordPress Plugins + 2 Essential Services

Everything you need to build and manage WordPress websites in one Central place.

25 thoughts on “Working with Sliders

  1. Hello,
    When I first inserted the slider and resized navigation dots to a larger size, it worked perfectly. For some reason, the dot size shrunk and no matter what size I insert, they still show up tiny. How do I correct this?
    Thank you for your assistance.

  2. I am trying to create a magazine, and I would like my slider to slide through various featured posts. How can I do that? I tried to insert a single post but it doesn’t seem to work.

    • The placeholder images in the section sliders are 800×200, and the placeholders in the content sliders are 350×260. That being said, you can use any size you’d like. You should strive to make them the same size on each slide, however, to maintain a consistent layout on your page.

    • Hello Dave,
      You can add images to sliders in two ways. If you click on the placeholder image, you’ll see the icon to swap it with the image of your choice. It looks like a camera and a musical note. You can also add media to any part of a slider by using the “Add Media” button at the top-left of the editor.Adding media to a section slider

    • Hello Anika,
      Thanks for the great question. With the current implementation of sliders, it’s not possible to perfectly synchronize two sliders. This is because the “timer” for autoplaying slide transitions starts when the elements are loaded on the page, so even very fast internet connections will have slight differences.
      Given the recent announcement that Google is considering “Layout Stability” as a ranking metric, it’s probably not advisable to use autoplaying sliders. Rather, user input to change slides either with navigation dots or arrows should be considered best-practice.

    • Hello Kat,
      You’re right, a section slider is a full-width object. For smaller ones, you should use the “Content Slider” option, which you can place into a column and control the width.

  3. Hi, I’ve inserted a section slider, the navigation arrows don’t show up on when I visit the page, Only a background colour is visible.I can see them in visual view when editing.

    • Hi Damion,

      Do you mind sending us a link to the page that isn’t displaying the navigation arrows? It could be that there are some conflicting CSS rules that are hiding the arrow unexpectedly and we would like the opportunity to investigate the issue further for you.

    • Hello Carlos-
      While you’re working on the slider, look for the slider controls at the top of the editor. Once you’re there, click on Slide Actions -> Edit and you’ll see the New Slide option. Here’s a screenshot to illustrate:
      Adding a new slide using the slider controls

    • Hello Helena-
      When you are switching the image out, you’ll see a screen titled “Crop Image” which gives you the option to change the aspect ratio as well as the resolution. Changing the aspect ratio and resolution of an image

  4. Hi I am working on Sliders but everytime I press the “section slider” it defaults to the same slider everytime that is split in 3 columns of text and a small picture. hoping you can help me pick a diffrent block to choose from?

    • Hi Billy-
      When you’re working with a section slider, you have the ability to add and delete columns and rows, as well as drag them to adjust their sizes. This gives you “artistic” control over your slider, but you’re right that it takes some work to do. I recommend looking in the Add Block library and look for the pre-made sliders in the following categories:

      • Services
      • About
      • Contact
      • Testimonial
      • Team

      Look for the three dots to indicate which blocks are sliders: A pre-made slider in the blocks library

Leave a Reply

Your email address will not be published. Required fields are marked *