Horizontally centering a slideshow
Last updated on
11 March 2021
Drupal 7 will no longer be supported after January 5, 2025. Learn more and find resources for Drupal 7 sites
This documentation needs work. See "Help improve this page" in the sidebar.
Widths of individual frames are set by Javascript when using views slideshow. In order to center this content you must force the containers to share the same width.
Adding the following CSS snippet to your theme should center singleframe slideshows content wherever they appear on your site.
.views_slideshow_singleframe_slide {
text-align: center;
width: 100% !important;
}
Help improve this page
Page status: Needs work
You can:
You can:
- Log in, click Edit, and edit this page
- Log in, click Discuss, update the Page status value, and suggest an improvement
- Log in and create a Documentation issue with your suggestion