WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. senzavento.it
    Member
    Posted 3 years 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!

  2. vtxyzzy
    Member
    Posted 3 years 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.

  3. senzavento.it
    Member
    Posted 3 years 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 ^__^

  4. vtxyzzy
    Member
    Posted 3 years 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.

  5. senzavento.it
    Member
    Posted 3 years 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):

    <div id="header" role="banner">
    <h1>/"><?php bloginfo('name'); ?></h1>
    <div class="description"><?php bloginfo('description'); ?></div>

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

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

    Any suggestions are welcome.
    Ciao.

  6. dremeda
    Sucuri Wizard
    Posted 3 years 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?

  7. senzavento.it
    Member
    Posted 3 years 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.

  8. dremeda
    Sucuri Wizard
    Posted 3 years ago #

    Hi, unfortunately that link does not resolve for me.

  9. senzavento.it
    Member
    Posted 3 years ago #

    Couldn't you connect to it?

  10. dremeda
    Sucuri Wizard
    Posted 3 years ago #

    Nope, it does not resolve for me.

  11. senzavento.it
    Member
    Posted 3 years ago #

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

  12. dremeda
    Sucuri Wizard
    Posted 3 years ago #

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

    Are you sure the URL you posted is correct?

  13. senzavento.it
    Member
    Posted 3 years ago #

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

  14. esmi
    Forum Moderator
    Posted 3 years 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.

  15. brlbeagle
    Member
    Posted 3 years 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.

  16. mydanblog
    Member
    Posted 3 years 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;
    }
  17. cakesbythecup
    Member
    Posted 3 years 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

  18. cakesbythecup
    Member
    Posted 3 years ago #

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

  19. senzavento.it
    Member
    Posted 3 years 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 ^__^

  20. mydanblog
    Member
    Posted 3 years 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.

  21. fernandezp27
    Member
    Posted 3 years 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 ]

  22. mydanblog
    Member
    Posted 3 years 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

  23. fernandezp27
    Member
    Posted 3 years 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.

  24. mydanblog
    Member
    Posted 3 years ago #

    in your css, look for

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

    Replace with

    .feeds .rss
    {
    	display: none;
    }
  25. fernandezp27
    Member
    Posted 3 years ago #

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

  26. senzavento.it
    Member
    Posted 3 years 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.

  27. senzavento.it
    Member
    Posted 3 years 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.

  28. brlbeagle
    Member
    Posted 3 years 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.

  29. mydanblog
    Member
    Posted 3 years 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.

  30. brlbeagle
    Member
    Posted 3 years ago #

    on it's way...

Topic Closed

This topic has been closed to new replies.

About this Topic