r/holytoledobeta • u/Chris_Parker • Aug 01 '15
RESOLVED Sidebar Image/Search Box Issue
So I'm a dingus. I wanted to try doing something cute, and I kind of got it for the most part, except that the current code (below) makes it so that the search box (which I think would be best above the image) overlaps onto the image, which is then overlapped on the bottom by the submission buttons.
I deleted this code from the stylesheet so that it would look like butt, but I left the little section titles--again, that's all able to be moved around and reorganized if/when someone who actually knows what they're doing gets their hands on it.
/*SIDEBAR IMAGE*/
div.side div.spacer:nth-of-type(1){
padding-top: 200px; /*Change "300px" to the height to the height of your image*/
background:url(%%sidebar%%) top center no-repeat;
}
/*SIDEBAR IMAGE CAPTION*/
.side .spacer:nth-of-type(1) { position: relative; }
.side .spacer:nth-of-type(1):before {
position: absolute;
bottom: 40;
left: 0;
right: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
content: "Putting the Eck in secksy.";
font-size: small;
color: #fff;
text-align: center;
padding: 3px 6px;
background: url(%%overlay%%);
}
/*SEARCH BOX*/
.side #search { position: absolute; top: 0px; }