How Can I Move the Arrows from Overlapping the Carousel?

From IThemes Codex
Revision as of 13:57, July 16, 2013 by Elise (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

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;
}


← Back to Carousel Codex Home

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox