[personal profile] imperial_dragon posting in [community profile] style_system
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.

Date: 2018-09-17 08:21 pm (UTC)
mossgreen: Close-up of a thistle in flower (Default)
From: [personal profile] mossgreen
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.

Date: 2018-09-18 12:40 pm (UTC)
momijizukamori: (dreamsheep | styles)
From: [personal profile] momijizukamori
To save some time - here's a direct link to the page, and the big box in question is labeled 'Use Embedded CSS'

Profile

Dreamwidth style system discussion

July 2025

S M T W T F S
  123 45
6789101112
13141516171819
20212223242526
2728293031  

Page Summary

Style Credit

Expand Cut Tags

No cut tags
Page generated Jul. 14th, 2025 07:54 pm
Powered by Dreamwidth Studios