How Can I Move the Arrows from Overlapping the Carousel?

From IThemes Codex
(Difference between revisions)
Jump to: navigation, search
(Created page with "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: <pre class="brush:html"> a....")
 
 
Line 20: Line 20:
 
}
 
}
 
</pre>
 
</pre>
 +
 +
<br />
 +
[[:Carousel|← Back to Carousel Codex Home]]

Latest revision as of 13:57, July 16, 2013

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