How to add image in/on header? Wordpress/CSS

Hi
How would I insert an image onto the header of my website?
Site is Italiatrips dot com
I would like to put a small image on the right side where its sort of plain and blank to give it a better look. But don't know how to put an image there.

Any would be appreciated.
Thanks

 

open this file
/wp-content/themes/lightbreaker/header.php

search this code:

<div id="h-logo">
<!--<a href="#"><img src="http://italiatrips.com/wp-content/themes/lightbreaker/images/logo.gif" alt="home" /></a> -->
<h1><a href="http://italiatrips.com">Italia Trips- All about Italy and Italy trips</a></h1>
<p></p>
</div>

Code (markup):

and replace it for this:

<div id="h-logo" style="width:100%">
<h1 style="width: 100%;"><a href="http://italiatrips.com"><img alt="" style="vertical-align: middle;" src="[URL_TO_YOUR_LOGO]"/> Italia Trips- All about Italy and Italy trips</a></h1>
</div>

Code (markup):

 

Okay, I tried that, but nothing happened. It still shows the same thing.
( I put edited the code back to normal again for now)

Anything else I can try??

 

did you replaced the [URL_TO_YOUR_LOGO]?

also delete the cache of your browser or press Ctrl+F5 to make sure you are viewing the updated version

 

Yes, I changed the URL to my logo( I had the Image URL ).

I have done the refresh as well, still the same.
(its edited back to the original still)

 

i tested it again, and is working:


i dont know why dont work for you, maybe your wordpress cache the pages, or maybe you stored the image without the right permission

edit the theme again, but dont change back to the original yet if it dont work for you, let me see if it works here

 

How would you get it on the right side? ( where all that blank space is?)
Then I'll try it again.
Thanks.

 

this should work

<div id="h-logo" style="width: 100%;">
<img alt="" style="float: right;" src="[LOGO_URL]"/>
<h1 style="width: 100%; float: none;margin-top:10px"><a href="http://italiatrips.com"> Italia Trips- All about Italy and Italy trips</a></h1>
</div>

Code (markup):

 

See I think the problem is I am trying to edit through the wordpress admin settings/ header under the theme manager in the wordpress admin. Rather then finding the source, like you said and editing it. /wp-content/themes/lightbreaker/header.php

I found that document in my hosting, but how would I open it? It says I can't open the PHP file, would word work?

 

is the same, go to your admin panel -> Appearance -> Editor

on the right side should be a list of files, click on Header (header.php)

there you search the code and replace it for the new

 

Hello
i only have domain mapping for the blog site and thats why i got the css editor access. but i can't see any "Click on “Appearance” then “Editor”." for my blog. could anyone please advise what i need to do to get access file editor or see the php files only through administrator's dashboard on the wordpress hosting.

how can i get the php file access or get the file panel access on wordpress hosting.

many thanks

 

using custom css

 

OMG stop customizing wordpress themes if you don't know how to do it.
Basic HTML/CSS knowledge is necessary to do it correctly.

Style it with CSS, that's the right way.

And if you even do not know how to work with the admin panel you better leave it for now and read some stuff about wordpress.