All the pictures on my website is zooming in, and I cannot figure out where in the code it is. The second slide on my index page is the same as this one:
, but my legs are cut of etc. It is in general on all my page, where the pictures are doing it. Does anybody have an idea where that could be through the inspect window? I am not quite sure if the javascript is controlling some of this?
Another example is this page, which have a min-height: 350px;
on the banner. The original picture is looking like this, and should fit that size of the banner:
This is the CSS for the banner on the index page:
slider-banner-container,
.slider-revolution-5-container {
width: 100%;
position: relative;
padding: 0;
}
.slider-banner-fullscreen,
.slider-banner-fullwidth {
width: 100%;
position: relative;
}
.slider-banner-container ul.slides,
.slider-revolution-5-container ul.slides {
display: none;
}
/*Spinner*/
.tp-loader.spinner2 {
background-color: #999;
}
/*Captions*/
.tp-caption {
z-index: 5;
}
.tp-caption a,
.tp-caption a:hover {
color: #ffffff;
}
.tp-caption a.btn-gray,
.tp-caption a.btn-gray:hover {
color: #333333;
}
.caption-box {
max-width: 540px;
color: #ffffff;
white-space: normal;
padding: 20px;
border: none;
}
.caption-box h2 {
color: #ffffff;
}
/*text rotator*/
.tp-caption .text-rotator {
min-width: 580px;
display: inline-block;
}
.light-translucent-bg.caption-box h2,
.light-translucent-bg.caption-box p {
color: #333333;
font-weight: 400;
}
.caption-box:after {
z-index: -1;
}
.slideshow .dark-translucent-bg:not(.caption-box),
.slideshow .light-translucent-bg:not(.caption-box) {
border-top: none;
border-bottom: none;
position: absolute;
left: 0;
top: 0 !important;
width: 100%;
height: 100%;
}
Happy christmas to everyone.