Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Mover imagem do carrosel

Olá, por gentileza estou tentando mover a primeira imagem do carrossel mais para a esquerda e não consigo. Este é o código no css:

.imagem-carrossel {
    object-fit: cover;
    object-position: 60% 50%;
    height: 150px;
}

no html

 <div class="carousel-inner">
                <div class="carousel-item active">
                      <img src="img/depoimentos/depoimento1.png" alt="imagem do castelo" class="d-block w-100 imagem-carrossel">
                  <div class="carousel-caption d-none d-md-block">
                    <h5>Yuri Padilha</h5>
                    <p>Gostei muito e rápido o serviço.</p>
                  </div>
                </div>
                <div class="carousel-item">
                <img src="img/depoimentos/depoimento2.png" alt="imagem castelo no lago" class="d-block w-100 imagem-carrossel">
                  <div class="carousel-caption d-none d-md-block">
                    <h5>Fernando Stafaneni</h5>
                    <p>Excelente trabalho.</p>
                  </div>
                </div>
                <div class="carousel-item">
                  <img src="img/depoimentos/depoimento3.png" alt="imagem no topo da montanha" class="d-block w-100 imagem-carrossel">
                  <div class="carousel-caption d-none d-md-block">
                    <h5>Caio Sauzas</h5>
                    <p>Gostei, competência em primeiro lugar.</p>
                  </div>
                </div>
              </div>
              <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
              </button>
              <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
              </button>
            </div>
</section>
2 respostas
solução!

Bom dia, Renata! Tudo bem?

Pelo contexto do código imagino que as imagens sejam diferentes da fornecida na aula. Teria como disponibilizar essas imagens pra gente testar o código e visualizar da mesma maneira que você? Assim fica mais fácil de dar uma ajuda direcionada para o problema em específico =)

Você pode compartilhar como uma pasta compactada com o código e as imagens pelo github ou drive (essa maneira conseguimos ver exatamente do jeito que você está fazendo) ou apenas compartilhar as imagens, sendo possível até aqui pelo fórum, já que temos a opção de upload de imagem na caixinha de escrita de mensagem.

Fico no aguardo!

Boa tarde, Renata! Tudo bem?

Por falta de retorno vou marcar o tópico como solucionado, se a dúvida ainda persistir insisto que abra um novo tópico =)

Bons estudos!