Fixed image in carousel Hero

Bootstrap Studio Help
1

Hi everyone,

I wanna substitute a normal text in carousel viewer with a static image in fixed position while background slide I tryed to add new image with fixed parameter but doesn't work. Any suggestion?

2

To do this your image can not be in the carousel. You have to have the image outside the carousel either come before or after it. Either way you will need to adjust the z-index of your image to be greater then the carousel's.

It's going to really depend on what you're really trying to achieve. The image will lose responsiveness because you will need to position:absolute, fixed will stick over the top of all content as your page scrolls.

My test HTML

<div class="contain-carousel">
    <div id="carousel-1">
    ...
    </div>
    < img src="fixed-logo.gif" width="200" />
</div>

My test CSS

.contain-carousel{
    position:relative;
}
.contain-carousel .fixed-logo {
    position:absolute;
    top:10px;
    right:10%;
    z-index:1100;
}

Saj