Header/Coding help?

Feb 03, 2014 02:30

Hi, I'm trying to replace my journal header with a different banner but I'm not sure what I'm doing. A friend originally set up my LJ for me ages ago, I think they were working with custom external stylesheets. I can see the code they used, but there seem to be some things missing just from what I've browsed here at your journal. What I'm trying ( Read more... )

header and footer, paid accounts

Leave a comment

Comments 7

hughville February 3 2014, 14:21:53 UTC
Most headers need a height measurement in px and a width measurement in px.

Try this:

.headerimage {
height: 550px;
width: px;
background-image: url(" http://i793.photobucket.com/albums/yy217/tf_epic_recs/AR.jpg") !important;
background-repeat: no-repeat !important;
background-attachment: scroll !important;
background-position: center !important;

Put the px number in for the width like it is for the height. My header is usually height: 800px; width: 500px; so it fits the width of my journal.

I hope this helps.

Reply

aprilraven February 4 2014, 00:13:05 UTC
Thank you very much for your help! The image is in place but it's not centered? What do I need to add to get it to center? http://aprilraven.livejournal.com/

Code is now like this, I wasn't sure if I needed to keep the original parts or not:

.headerimage {
height: 500px;
width: 800px;
background-image: url(" http://ic.pics.livejournal.com/aprilraven/16525607/142932/142932_600.jpg") !important;
background-repeat: no-repeat !important;
background-attachment: scroll !important;
background-position: center !important;
margin-bottom: 15px;
}
.b-repost-item, FORM#qrform > TABLE[style="border: 1px solid black;"]:last-child TD[style="vertical-align: top; text-align: right;"]:first-child { display: none !important; }

Reply

aprilraven February 4 2014, 00:47:44 UTC
Just out of curiousity I plugged the original coding back in. The banner is centered now, but it seems too small and there's a lot of black around it.

Code:

.headerimage {
height: 550px;
background-image: url(" http://ic.pics.livejournal.com/aprilraven/16525607/143466/143466_600.jpg") !important;
background-repeat: no-repeat !important;
background-attachment: scroll !important;
background-position: center !important;

margin-bottom: 15px;
}

.b-repost-item, FORM#qrform > TABLE[style="border: 1px solid black;"]:last-child TD[style="vertical-align: top; text-align: right;"]:first-child { display: none !important; }

Reply

hughville February 4 2014, 07:03:11 UTC
TD[style="vertical-align: top;

Try replacing top with center. Right now your header is at the very top of your journal. I hope that helps. I've never seen a code like that one before.

Reply


Leave a comment

Up