Imagem ampliando quando abro o site

26 de novembro de 2019 1 resposta

gabemodesto 26 de novembro de 2019

Sou iniciante e estou criando um site, nele estou fazendo um slide, quando eu abro o link a imagem ficar grande eu não quero que isso aconteça, queria ela na imagem tamanho real.
Quando eu edito o “.slick-slide > height está em 100%, eu coloco auto e a imagem fica no tamanho exato” isso no inspector do chrome, quando eu coloco no meu editor de texto, ele altera e fica certo. Quando eu clico no menu ou nas setinhas do slide, ele volta ao normal, eu abro o inspector e ele continua “original” mesmo eu alterando no meu editor de código.
vai um exemplo logo abaixo:

ela teria que ficar assim:

1 Resposta

gabemodesto 26 de nov. de 2019

css quando comecei a editar esse slide:

button.slick-prev {
    font-size: 0px;
    border: none;
    width: 25px;
    height: 51px;
    z-index: 9;
    background-color: transparent;
    position: absolute;
    background-image: url('../img/anterior.png');
    top: 35%;
    left: 14px;
}
button.slick-next {
    font-size: 0px;
    border: none;
    width: 25px;
    height: 51px;
    z-index: 9;
    background-color: transparent;
    position: absolute;
    background-image: url('../img/next.png');
    top: 35%;
    right: 14px;
}

.slider-principal {

width: 100%!important;

}

.slick-initialized {

overflow: hidden;

}

.slick-slide {

height: auto;

display: none;

}

.slick-dots li button {

font-size: 0px;

border: 5px solid #ca1919;

width: 26px;

background: transparent;

border-radius: 100%;

display: inline-block;

cursor: pointer;

}

.slick-dots {

margin: 0 auto;

width: 50%;

position: absolute;

}

Criado 26 de novembro de 2019

Ultima resposta 26 de nov. de 2019

Respostas 1

Participantes 1

1 Resposta

Topicos relacionados