Carousel

(Difference between revisions)
Jump to: navigation, search
(FAQ)
Line 27: Line 27:
  
 
==FAQ==
 
==FAQ==
''How can I move the arrows from overlapping the Carousel?''
+
'''How can I move the arrows from overlapping the Carousel?'''
 +
 
 
The CSS styling below can be added to your theme's style.css. Adjust the -60 and -70 pixel values as needed.
 
The CSS styling below can be added to your theme's style.css. Adjust the -60 and -70 pixel values as needed.
  

Revision as of 14:59, November 10, 2010

Series: DisplayBuddy

Release date: October 26, 2010

Contents

Description

Carousel lets you display a rotating set of images anywhere on your site with customizable content and effects. Multiple groups of images may be created for use anywhere on your site. Each group can be fully customized.

Features

  • Display multiple images at once.
  • Horizontal & vertical modes.
  • Two optional navigation methods.
  • Optional automatic transitioning.
  • Upload images or use existing Media Library images.
  • Customizable image size.
  • Some Carousel options include:
    • Pause on hover.
    • Bullet navigation.
    • Full speed control.
    • Navigation arrows.
  • Unlimited Carousel groups.
  • Widget support.
  • Shortcode support.
  • Support for changing layouts. More coming soon.
  • Customizable animation speeds.
  • Automatic upgrades.

FAQ

How can I move the arrows from overlapping the Carousel?

The CSS styling below can be added to your theme's style.css. Adjust the -60 and -70 pixel values as needed.

To apply the change to all Carousels:

a.pb_carousel_default_prev {
   left: -60px !important;
}
a.pb_carousel_default_next {
   right: -70px !important;
}

To apply the change to an individual Carousel (replace the 1 with the specific entity you want to style):

#pb_carousel_prev-1 {
   left: -60px !important;
}
#pb_carousel_next-1 {
   right: -70px !important;
}

Additional Resources

  1. Free Plugins by PluginBuddy
  1. PluginBuddy Tutorials
  2. PluginBuddy.com
  3. Support Forums
Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox