sharpiefan (![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
sharpiefan) wrote in ![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
style_system2012-10-18 07:08 pm
sharpiefan) wrote in style_system2012-10-18 07:08 pm
Entry tags:
Header image issues
I've just switched a community journal that I run to the new Librarian's Dream layout (which looks great), and added a header banner in using the CSS code below:
#canvas {
margin-top: 10px;
background-image: url(http://i26.photobucket.com/albums/c139/Sharpiefan/AnythingAoSbanner2.png);
background-repeat: no-repeat;
background-position: top center;
padding-top: 250px;
}
Unfortunately, this leads to a slight issue with the sidebar overlapping the banner a little, as shown in the screencap below (click to enlarge):
Is there any way to centre the banner above the entries? (I can alter the image itself to do, but it will be a case of trial and error, and will not look right on monitors that don't have the same resolution as my own, so it's not the ideal solution.)
Help!
#canvas {
margin-top: 10px;
background-image: url(http://i26.photobucket.com/albums/c139/Sharpiefan/AnythingAoSbanner2.png);
background-repeat: no-repeat;
background-position: top center;
padding-top: 250px;
}
Unfortunately, this leads to a slight issue with the sidebar overlapping the banner a little, as shown in the screencap below (click to enlarge):
Is there any way to centre the banner above the entries? (I can alter the image itself to do, but it will be a case of trial and error, and will not look right on monitors that don't have the same resolution as my own, so it's not the ideal solution.)
Help!