Website Editing Support: (888) 932-9966 (8am-5pm EST)

24/7 Email or Domain Support: (480) 624-2500

Support Articles  >  CuBit Tutorials & Articles

CuBit Tutorial 14 - Inserting a Featured Content Slider

Share:

This tutorial is for CuBit users that have the Upgrade: Featured Content Slider

  1. Login to CuBit
  2. Click on "Widget Manager" (at the top)
  3. Click on "Featured Content Slider"
  4. Click the "Browse" button on "Slide 1" to upload your slide (see instructions below for image size and file type).
  5. Type in a message in the "Caption" Section and set a link if you want to.
  6. Repeat the steps above for each slide (Click "Add Slide" for each new slide).
  7. Click "Save" if you're done.
  8. Go to your home page and at the very top (or wherever you want your slider to appear) paste in this code:

    Use the code below if you are using CuBit 19 or lower.
    Your version of CuBit is listed at the bottom of any CuBit page.
    {qbslider}



    Use the code below if you are using CuBit 20 or lower.
    Your version of CuBit is listed at the bottom of any CuBit page.
    {qbslider ui='refineslide'}
     
  9. Then view the site to verify all of them look and function how you expect them to.

You must design your slides to fit in your website template before you upload them. Most templates can hold a 680 pixel by 280 pixel slider but if you have more room, feel free to make it larger. Never go larger than 1000 wide though because none of our templates will support anything wider than that due to the fact that the average computer screen only shows 1024 wide.

- Jpeg is the best image format to use for your slider.
- 72dpi is required, do not upload a 300dpi or even a 150dpi image, it will be TOO large.
- RGB is also required, If you upload a CMYK image, only Firefox will display it, IE, Safari and Chrome will not.

 

 If this was helpful, please let us know!   Click Here to drop us a quick note.   :)