Sign Up
  • Pricing
  • Features
  • Add-ons
    • Birthday Club
    • Careers
    • Events
    • Locations
    • Reviews
    • Staff Management
    • SEO Max
  • Templates
  • Integrations
  • FAQ's
  • About
    • Certified Partners
    • Our CMS
    • User Support (FAQ's)
    • Integrations
    • Affiliate Information
    • Features
    • News
    • Partner with us!
    • Us in the Community
    • Careers
    • Brand Guidelines
  • Contact
Sign Up
FAQ's

FAQ's

  • Blogs
  • Bootstrap / Front-end
  • Dynamic Templates
  • eCommerce Support
  • Forms
  • Galleries
  • Images
  • Layout
  • Misc.
  • Newsletter
  • Repeatable Blocks
  • Settings
  • Social Media
  • Video

Add-ons

  • Birthday Club
  • Careers
  • Events
  • Locations
  • Popup
  • Reviews
  • Staff Members
  • SEO Max

FAQ's

  • Blogs
  • Bootstrap / Front-end
  • Dynamic Templates
  • eCommerce Support
  • Forms
  • Galleries
  • Images
  • Layout
  • Misc.
  • Newsletter
  • Repeatable Blocks
  • Settings
  • Social Media
  • Video

Add-ons

  • Birthday Club
  • Careers
  • Events
  • Locations
  • Popup
  • Reviews
  • Staff Members
  • SEO Max
  1. Home
  2. FAQs
  3. Bootstrap / Front-end
  4. How to Manage the Carousel (slideshow)

How to Manage the Carousel (slideshow)

Center Align

1. Set a specific pixel width

2. Check "Center Align"

3. Add "max-width: 100%" to the style tag to make it responsive

<div class="carousel slide center-block" style="width: 900px;">

Change to:

<div class="carousel slide center-block" style="width: 900px; max-width: 100%;">
view raw center_carousel.md hosted with ❤ by GitHub

Make Full Width

To make a carousel stretch to the full width of the page, add the "carousel-full-width" class to the carousel tag.

<div class="carousel slide" data-interval="5000" data-ride="carousel" id="carousel1546889682739" style="width:100%;">

Change to:

<div class="carousel slide carousel-full-width" data-interval="5000" data-ride="carousel" id="carousel1546889682739" style="width:100%;">
view raw carousel-full-width.md hosted with ❤ by GitHub
Building Relationships with Web Developers and Marketing Agencies that want better results

The world's fastest and most SEO friendly website code.

View Packages View Packages
MAIN MENU
  • Home
  • FAQ's
  • Blog
  • Partner with us!
  • Careers
  • Versions
  • API Documentation
  • Sitemap
  • Contact
LATEST NEWS
  • CMS Max Announces New Integration with Mailchimp
  • Affirm eCommerce Payment Integration from CMS Max
  • TaxJar Certified eCommerce Platform
  • Elevate Your Online Sales Experience
  • Why Make CMS Max Your eCommerce Platform
PRODUCTS
  • Liquor Max
  • Chamber CMS
  • Max Payments
  • Country Club CMS
  • Marine CMS
  • CBD CMS
  • Storage CMS
  • Ambulance CMS
  • Baseball CMS
  • Shopping Center CEO

Copyright © 2022 CMS Max. All Rights Reserved | Terms/Privacy Policy

Contact Us
Manage Account