imperial_dragon: (Default)
imperial_dragon ([personal profile] imperial_dragon) wrote in [community profile] style_system2018-09-17 02:38 pm

Help in putting up a header

Hi. I's like to put an image in the header for my journal but I am battling to find any information I can understand on how to do this. I have no experience in using sites like Dreamwidth and don't know anything of CSS or where you would put it so -

I finally worked out how to use an image I uploaded to the image hosting for the header but it only shows the very top of the image, which I presume means that the image is too big to show fully. But I can't find anything to tell me how big the image should be or if there are any other ways I can change the way it shows. I'm using Elegant Notebook for Gold Leaf by rosecarmine

If anyone can help I would be very grateful but keep it basic please.
mossgreen: Close-up of a thistle in flower (Default)

[personal profile] mossgreen 2018-09-17 08:21 pm (UTC)(link)
From your user profile page, you want to click 'Organize' then select 'Customize Style' from the drop-down menu. It'll come up with the 'Presentation' tab open, you might need to scroll down the page until you see the 'Custom CSS' tab, click that. The box that comes up is where you paste your CSS code.

Paste in
#header {
margin-top: 5px;
background-image: url(DIRECT URL OF YOUR IMAGE HERE);
background-repeat: no-repeat;
background-position: top center;
padding-top: 225px;
}


You can change the value of the padding-top to suit whatever the size of your picture is - this bigger the number, the more everything else is pushed down the page. Make sure to grab the final } as well - and keep the () brackets around the pic's URL, they're part of the code.