ESPACIO QUE NO DEBIA ESTAR

Español Debates Preguntas y respuestas técnicas
1

No se porque en mi web , ilotnaacor.shop, en todas las pagina que debajo de la cabecera deberia ir una imagen antes de poner esa imagen crea un margen larguísimo en blanco y no se porque lo hace

En los textos esto no ocurre

el problema es que segun en que paginas ese margen que se crea sin saber porque hace parezca no hay imágenes

alguien podria ayudarme a que ese trozo en blanco desaparezca y vuelta a ser normal

2

Hola Puedo ayudarte con esto, veo que solo es un ajuste de css:

ChristianRios_0-1750084351996.png
ChristianRios_0-1750084351996.png1801×921 444 KB

Hice un ajuste en la altura del componente y se ve mejor. Puedes copiar el css.

Saludos.

3

si me dices de que fichero .css debo copiarte el css, tye lo copio y asi podras tu verlo mejor y ayudarme mejor…

tambien estaria bien si no te importa que me expliques que es lo que has tocado

lo que me ocurre que como resulta que afecta a todas las paginas, es dificil saber que css debo copiarte… por la foto que has adjuntado imagino que sera algo de slideshow por si es ese y podemos agilizar te copio el component-slideshow.css y si no es ya me avisas

slideshow-component {
position: relative;
display: flex;
flex-direction: column;
}

slideshow-component .slideshow.banner {
flex-direction: row;
flex-wrap: nowrap;
margin: 10px 0px 0px 0px;
gap: 0;
overflow-y: hidden;
}

.slideshow__slide {
padding: 0;
position: relative;
display: flex;
flex-direction: column;
visibility: visible;
}

@media screen and (max-width: 749px) {
.slideshow–placeholder.banner–mobile-bottom.banner–adapt_image .slideshow__media,
.slideshow–placeholder.banner–adapt_image:not(.banner–mobile-bottom) {
height: 28rem;
}
}

@media screen and (min-width: 750px) {
.slideshow–placeholder.banner–adapt_image {
height: 56rem;
}
}

.slideshow__text.banner__box {
display: flex;
flex-direction: column;
justify-content: center;
max-width: 54.5rem;
}

.slideshow__text > * {
max-width: 100%;
}

@media screen and (max-width: 749px) {
slideshow-component.page-width .slideshow__text {
border-right: var(–text-boxes-border-width) solid rgba(var(–color-foreground), var(–text-boxes-border-opacity));
border-left: var(–text-boxes-border-width) solid rgba(var(–color-foreground), var(–text-boxes-border-opacity));
}

.banner–mobile-bottom .slideshow__text.banner__box {
max-width: 100%;
}

.banner–mobile-bottom .slideshow__text-wrapper {
flex-grow: 1;
}

.banner–mobile-bottom .slideshow__text.banner__box {
height: 100%;
}

.banner–mobile-bottom .slideshow__text .button {
flex-grow: 0;
}

.slideshow__text.slideshow__text-mobile–left {
align-items: flex-start;
text-align: left;
}

.slideshow__text.slideshow__text-mobile–right {
align-items: flex-end;
text-align: right;
}
}

@media screen and (min-width: 750px) {
.slideshow__text.slideshow__text–left {
align-items: flex-start;
text-align: left;
}

.slideshow__text.slideshow__text–right {
align-items: flex-end;
text-align: right;
}
}

.slideshow:not(.banner–mobile-bottom) .slideshow__text-wrapper {
height: 100%;
}

@media screen and (min-width: 750px) {
.slideshow__text-wrapper.banner__content {
height: 100%;
padding: 10px;
}
}

.slideshow__controls {
border: 0.1rem solid rgba(var(–color-foreground), 0.08);
}

.slideshow__controls–top {
order: 2;
z-index: 1;
}

@media screen and (max-width: 749px) {
.slideshow__controls–border-radius-mobile {
border-bottom-right-radius: var(–text-boxes-radius);
border-bottom-left-radius: var(–text-boxes-radius);
}
}

.spaced-section–full-width:last-child slideshow-component:not(.page-width) .slideshow__controls {
border-bottom: none;
}

@media screen and (min-width: 750px) {
.slideshow__controls {
position: relative;
}
}

slideshow-component:not(.page-width) .slider-buttons {
border-right: 0;
border-left: 0;
}

.slideshow__control-wrapper {
display: flex;
}

.slideshow__autoplay {
position: absolute;
right: 0;
border-left: none;
display: flex;
justify-content: center;
align-items: center;
}

@media screen and (max-width: 749px) {
slideshow-component.page-width .slideshow__autoplay {
right: 1.5rem;
}
}

@media screen and (min-width: 750px) {
.slideshow__autoplay.slider-button {
position: inherit;
margin-left: 0.6rem;
padding: 0 0 0 0.6rem;
border-left: 0.1rem solid rgba(var(–color-foreground), 0.08);
}
}

.slideshow__autoplay .icon.icon-play,
.slideshow__autoplay .icon.icon-pause {
display: block;
position: absolute;
opacity: 1;
transform: scale(1);
transition: transform 150ms ease, opacity 150ms ease;
width: 0.8rem;
height: 1.2rem;
display:none;
}

.slideshow__autoplay .icon.icon-play {
height: 1rem;
display:none;
}

.slideshow__autoplay path {
fill: rgba(var(–color-foreground), 0.75);
}

.slideshow__autoplay:hover path {
fill: rgb(var(–color-foreground));
}

@media screen and (forced-colors: active) {
.slideshow__autoplay path,
.slideshow__autoplay:hover path {
fill: CanvasText;
}
}

4

compañero se agradece tu respuesta gracias a ella he solucionado otro problema de otro post asi el otro post lo dare por solucionado…

Para que a todos os queda claro como es el fallo adjunto otra imagen. El texto esta arriba bien y las imagenes han bajado mucho

No se porque en ilotnaacor.shop, en todas las pagina que debajo de la cabecera deberia ir una imagen antes de poner esa imagen crea un margen larguísimo en blanco y no se porque lo hace. En los textos esto no ocurre

el problema es que segun en que paginas ese margen que se crea sin saber porque hace parezca no hay imágenes

alguien podria ayudarme a que ese trozo en blanco desaparezca y vuelta a ser normal

5

SIGO NECESITANDO AYUDA

6

soluciomado mediante codigo css personalizado