Jump to content
Sign in to follow this  

How to Make Carousel Display Correctly on Single Post

Recommended Posts


If your carousel does not display as intended on a single post page when the carousel is placed in the header or footer (and quite possibly, any other static location), hopefully this will help. The following custom CSS code should get you pointed in the right direction. You will have to adjust the code as needed to suit your site. If you have modified your carousel with CSS, then you may need to add additional code to the code below.

.carousel_image_link img {
	    max-width: 100px !important;/*ENTER CAROUSEL IMAGE WIDTH*/
	    max-height: 75px !important;/*ENTER CAROUSEL IMAGE HEIGHT*/
	ul#mycarousel.mycarousel li.list-item {
	    width: auto !important;/*REQUIRED*/
	    padding: 3px !important;/*CHANGE TO MATCH YOUR PADDING IF NECESSARY*/

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this