thatsomb
Member
Posted 3 years ago #
Hello everyone. I want to add a small image to the top right corner of my blog, which uses the Plainscape theme.
Here is the image uploaded as a static page on my blog:
http://www.thatsombercity.com/?page_id=10
The image would be above the search box/button and have the roughly same width as the search box/button.
How do I do this? I assume I need to change the header.php code. Can anyone help me? I would greatly appreciate it.
Thank you.
http://www.thatsombercity.com/
thatsomb
Member
Posted 3 years ago #
Well ... the container for your right sidebar is defined in your CSS as "div #sidebar", so you would edit the styles.css - not the header php file. You would have to adjust the graphic width to no more than 300pixels, or if smaller center it in the div. You could just insert a new div statement just above the div containing the search box, I imagine.
thatsomb
Member
Posted 3 years ago #
Thanks for responding, Saurus. Pardon my ignorance, but where can I learn how to enter div statements?
I want the image directly horizontal from the title of blog. Would doing what you suggest accomplish that?
Thanks again.
THIS is a good source for CSS. Look at chapter 5 "Divisions"
thatsomb
Member
Posted 3 years ago #
Thanks, but do you know any other resource that has more extensive CSS instructions?
Well, I gave you that link because it is geared to basic knowledge of the use of DIV's. There are literally hundreds of sites on the web dealing with CSS. I have at least 50 on my bookmarks alone I refer to when needed. I would suggest just doing a search with the app you prefer and taking it from there - it's impossible to list them here. AList is a good place to start, or the SitePoint Forums for specific questions and answers. An excellent book for anyone's library is O'Reilly's "CSS - The Definitive Guide, 3rd edition."
If DIVisions specifically is what you want - just search for "CSS+DIV's"