![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
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.
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.
no subject
Date: 2018-09-17 08:21 pm (UTC)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.
no subject
Date: 2018-09-18 12:40 pm (UTC)no subject
Date: 2018-09-18 01:16 pm (UTC)Thanks! You are very kind to help a new user.