n3v3rm1nd

aaaand you saved my day ! just got rid of this problem

with that code :

.carousel .item {
   line-height:300px;
   overflow: hidden;

}

.carousel-inner {
top:20px;
}

@media (min-width: 1024px){
.carousel-inner {
box-shadow: 0px 2px 7px 1px rgba(0, 0, 0, 0.7)
}
}

sorry of course :

.carousel-inner {
top:20px;
box-shadow: 0px 0px 5px 1px #000000;

}

or use rgba .. so you can edit the opacity in the last digit

.carousel-inner {
top:20px;
box-shadow: 0px 2px 9px 1px rgba(0, 0, 0, 0.7)

}

quite dont understand the use of @media query .. just read something even in my native language and i dont get the use of it …

oh man ?? … i just took a compromise : deactivated the full witdh and gave the carousel-inner a box-shadow .. looks okay but not so great as fullscreen

yes youre right .. i addes varios css3 transition etc. effects to the dropdown menu and it just didnt work when you hover over it ..

man thats sad but i know what you mean, i would too like to align it vertically when it gets cropped so the middle of the picture still shows because i have there pictures i took and it looks awful when it gets cropped .. yeah giving it a fixed witdth will go the prob away but it doesnt look that nice .. thank you !

———————edit

i have it like this now : min-height is 800px so it looks perfekt on 1080p but theres massive space under it, can’t it be possble to load the images in the big resolution ond scaling it from there down ? i think it will crop then the other way around, right ? .. man, i just custimized it to my liking and this is the only thin that really bugs me !

i changed it that way :

header.tc-header {
max-height: 125px;
background-image: url(https://www.Image-Link.png);
border-bottom: 0px solid;
box-shadow: inset 1px -6px 9px -4px;
}

edit it to your liking

Yes of course. In the Menu there is a Dropdown menu that opens up when you hover over it with the mouse that i used the code above. The only problem that i cant get it fade when you hover over it.

Another quick question : How to style the footer with a background ? Had it working but after the update i forgot what i changed .. ^^

oh sorry theres my page : https://www.emotionsphotography.de

and i resolved the issue with the table colors with using the bootstrap grid system !