TristinF

Also, if you pay close attention after removing the width:40% you will see a slight movement in the image. I believe this is being caused by a class of .left which is applying margin to the image during transition. Here is the code affecting this:

.left, .alignleft {
float: left;
margin: 0 15px 5px 0;
}

For both of these items you would need to change the class name in the style.css, and then update all instances where it occurs in the theme.

Yes. If you read the documentation/FAQ it tells you how to use categories to have these carousels use different images as well.

I believe the Bootstrap.css file uses a class of .next by default during the transition of the carousel.

In your style.css, you also use a class of .next that you have set to a width of 40%.

Here’s the code:

.singular .next {
float: right;
width: 40%;
text-align: right;
}

If that is used for something else in the site you will probably want to change the class name, or remove the width:40%.

Are you able to provide a link to the page where this is occurring? It would be helpful to be able to inspect the code.