Advertising sustains the DA. Ads are hidden for members. Join today

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: