Hi all,
So I've been an editor on Wikia for several years, but I've never been great with messing around in CSS, and as such I'm having a bit of an issue.
As you can see on this template (https://queen.fandom.com/wiki/Template:NavTest), I
got the image hover itself working, but there is a pesky scrollbar that I can't find a way to get rid of. Does anyone know how to remove the scrollbar from the container I'm using?
My current CSS for the Image Hover looks like this:
.container {
position: static;
width: 700px;
}
.imgUnder {
width: 700px;
height: 200px;
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 200px;
width: 700px;
opacity: 0;
transition: .5s ease;
background-color: #008CBA;
}
.container:hover .overlay {
opacity: 1;
}
.imgOver {
width: 700px;
height: 200px;
}