WordPress › Support » How to modify the "header image"?

senzavento.it
Member
Posted 1 year ago #

Hi everybody!
I'm using Greyzed theme for my blog. It's pretty cool!
Now, I would like to modify the "header image", using a personal one.
Could you suggest how to proceed, please? I tried more and more changing both "header.php" and "header-img.php" codes, but I reached no results.
I am ready to use a good plugin to solve the issue, if it really exists...
Thanks a lot ;)
Ciao!

vtxyzzy
Member
Posted 1 year ago #

If your theme does not have an option to name your own header image, find the file name used for the header image and replace that file with your owm image.

senzavento.it
Member
Posted 1 year ago #

Hi vtxyzzy,
thanks for your answer :)
Unfortunately Greyzed Theme has not the option that you suggested. For this reason I tried to replace the default image, modifying lots of PHP codes (in "header.php" and in "header-img.php") but any change doesn't work :(
I'm sure it's possible to add a personal logo or image, as you may see connecting to the following link: http://www.umoremaligno.it/
Maybe I could use a Plugin, but I didn't find a useful one.
I hope you, or somebody else, could help me.
Ciao ^__^

vtxyzzy
Member
Posted 1 year ago #

You should not need to modify any PHP code. Simply find the file name of the header file and replace that file with your own.

senzavento.it
Member
Posted 1 year ago #

Mmm...
I have already tried to replace the original file with mine, but it didn't work.
Look! This is a part of "header.php" that another web-friend told me to modify (with no results):

And this is the entire "header-img.php":

[Code moderated as per the Forum Rules. Please use the pastebin]

Any suggestions are welcome.
Ciao.

dremeda
Moderator
Posted 1 year ago #

Can you please post your site so we can see what you're trying to replace?

Are you in fact trying to add a logo or replace the header image?

senzavento.it
Member
Posted 1 year ago #

Hi dremeda :)

I'm trying to add a personal image, on the header of my blog (now it's only a black & grey "wall").
My site is: http://www.senzavento.it

Thanks.

Ciao.

dremeda
Moderator
Posted 1 year ago #

Hi, unfortunately that link does not resolve for me.

senzavento.it
Member
Posted 1 year ago #

Couldn't you connect to it?

dremeda
Moderator
Posted 1 year ago #

Nope, it does not resolve for me.

senzavento.it
Member
Posted 1 year ago #

Please forgive my misunderstanding...
I need to refresh my english ;)
Could you suggest a solution?

dremeda
Moderator
Posted 1 year ago #

When I click the link to your site, it does not show your website.

Are you sure the URL you posted is correct?

senzavento.it
Member
Posted 1 year ago #

Well, it's my own site...
http://www.senzavento.it
I assure you that it's correct.
Please, try again.

esmi
Theme Diva & Forum Moderator
Posted 1 year ago #

It's working for me using Firefox. It should be possible to add a small logo or image to the header block via CSS but positioning it could be a little more difficult.

brlbeagle
Member
Posted 1 year ago #

Esmi, I'm having a similar problem - http://www.beaglerescueleague.org. I'm using Soho Serenity and wish to add a logo into the center of the design already there under the 2 lines of header text - I'm desperate for help.

mydanblog
Member
Posted 1 year ago #

Senzavento, try playing with your CSS file:

#header
{
	background-image: url(images/mypicture.jpg);
	background-repeat: no-repeat;
         background-position: left;
}

brlbeagle,

Yours will be trickier because you already have a background image for a header.

Try playing around with this in your css file - it basically lets you add a small logo as a background for your site-description area:

.header .description
{
	color: #000;
	font-size: 1.4em;
	margin: 0;
	padding: 5px 0 0;
	text-align: center;
	font-weight: bold;
	background-image: url(images/example.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 104px;
}

cakesbythecup
Member
Posted 1 year ago #

Another header question... I can successfully upload a theme, then I uploaded a custom header, but it doesn't replace the "My Blog" and "another wordpress site" words that were automatically there when I installed WordPress.

I tried removing the header, and on the header page, the box is completely blank. But when I load the header again, and hit preview, still shows "My Blog" and "another wordpress site" in addition to my uploaded header.

How do I make that go away? Thanks!

http://www.cakesbythecupblog.com

cakesbythecup
Member
Posted 1 year ago #

Figured it out. Finally got the right thing typed into forum search engine and got an answer. Thanks!

senzavento.it
Member
Posted 1 year ago #

Hi mydanblog,
thanks for your answer :)
I tried to modify my CSS file as follows.

1) In a first time, I add your suggested file, modifying the default one, as it appeared in "structure" of CSS:

#header {
margin: 0px;
padding: 0;
height: 260px;
width: 1054px;
color: #000;
}

Result: Forget about it! It doesn't work :(

2) Then I add your file, modifying the default one, as it appeared in a part of "Typography & Colors" of CSS:

#header .description {
font-size: 1.4em;
padding: 0 0 0 39px;
font-weight: bold;
}

Result: Forget about it! It doesn't work :(

Maybe I have to change this?
h1, h1 a, h1 a:hover, h1 a:visited, #header .description {
text-decoration: none;
color: #000;
}

I am always ready to upload a Plugin to solve this damned issue... If it really exists!
Please, let me know your opinion about that.
Thanks a lot.
Ciao ^__^

mydanblog
Member
Posted 1 year ago #

Stay with it, Senzavento, you will get it. I have successfully installed the greyzed theme and changed the header image on my test site.

All I did was to upload the image that I wanted to my
/wp-content/themes/greyzed/images/ directory.

Then, I went into my style.css file and I changed this:

#header {
	margin: 0px;
	padding: 0;
	height: 260px;
	width: 1054px;
	color: #000;
	}

To This:

#header {
	margin: 0px;
	padding: 0;
	height: 260px;
	width: 1054px;
	color: #000;
         background: url('images/YOUR_IMAGE_FILE_NAME_HERE') top center no-repeat;
	}

Make sure to include the .jpg or .png or similar extension to your filename.

fernandezp27
Member
Posted 1 year ago #

Hello, I too am having problems and this looks like the thread to get great help. If I figure it out, maybe I can help out as well. My site is http://www.frankfactor.net. I also added my image, "url(images/logo_merged_layers.jpg)" into my header which originally did not have an image. Now it is all catterwonky!How do I get the image to ride ontop of my blue background without the annoying white border, then how do I get it to be above my site summary statement and not smack dab right on top of that (code below).

[Moderated: Too much code - Please add your code to a service like Pastebin then add your link to the post - http://wordpress.pastebin.com ]

mydanblog
Member
Posted 1 year ago #

Fernandez:
I love catterwonky sites :)
I'll be happy to help you sort it out.

Before I go moving things around, let's get a feel for your site description (summary statement). Go ahead and set that so I can see how big it will be.

For most themes, you can set that in the wordpress dashboard under settings=>general=>tagline

fernandezp27
Member
Posted 1 year ago #

I got it. I went into css and added some height to the header and that worked. How would I remove the giant RSS icon on the right side of the page because I have a small rss icon I am using for each article that came with a plugin.

mydanblog
Member
Posted 1 year ago #

in your css, look for

.feeds .rss
{
	padding: 0px;
	margin: 0px;
}

Replace with

.feeds .rss
{
	display: none;
}

fernandezp27
Member
Posted 1 year ago #

That worked. I would've never known to do that. Thanks :)

senzavento.it
Member
Posted 1 year ago #

Dear mydanblog,
thanks a lot for your kind collaboration :)
You are the "number 1"!
Following your suggestions I reached the target \(^_^)/
But now, before modifying the blog, I'm trying to respect the original colours of the "header" (Black & Grey) by using my Graphics Program.
I think my logo is too white at the moment, as you may see connecting to http://www.senzavento.it/wordpress/wp-login.php
Other ideas are welcome!
Ciao.

senzavento.it
Member
Posted 1 year ago #

Dear friends,
finally I reached my objective :D
Thanks everybody for the suggestions and a very special thanks to mydanblog.
Following his guidelines I have just changed the "header" of my blog.
Now, my personal logo appears on the main page.
You may see the result, connecting to http://www.senzavento.it
I hope you like it!
Grazie!
Ciao.

brlbeagle
Member
Posted 1 year ago #

Crap - almost!!!
Dan I followed your instrux and pasted exactly what you suggested but my logo is freaking humongous - LOL.
I tried a few other things and Im close to it but can't seem to get the placement/sizing right.

Do I need to resize the image elsewhere in the header???
I know you're onto the right thing as I can see the logo I want to insert but it's up under the text partially so it's cut off.

mydanblog
Member
Posted 1 year ago #

Beagle,

If I remember right, I had it set to a 104 height. If you image is more than about 80px high, we'd need to adjust the header size, too.
I'll be online for a while. If you put the image up, I'll help you tweak it.

brlbeagle
Member
Posted 1 year ago #

on it's way...

WordPress.org

Forums

[resolved] How to modify the "header image"? (48 posts)

Topic Closed

About this Topic

Tags

Code is Poetry