Forums

Could someone please help me with header (26 posts)

  1. gordonmartin2103
    Member
    Posted 5 years ago #

    Please see:

    http://www.gordonsblog.com/blog/

    How do I get rid of that blue nlob background?

    How do I get rid of the wrining in the background ie. Gordon's Blog, just another wordpress blog

    Appreciate any help, I am lost at the moment.

    Kindest

    Gordon

  2. atfcmartin
    Member
    Posted 5 years ago #

    If you log into your admin panel, go to Options then delete the Weblog Title and the Tagline.

  3. moshu
    Member
    Posted 5 years ago #

    @atfcmartin,
    I am afraid that wouldn't work... and has nothing to do with the original question.

  4. hbalagh
    Member
    Posted 5 years ago #

    was just about to say the same moshu
    gordon i would suggest opening up the header.php file in your template folder and finding something like the below code and removing it
    <?php bloginfo('name'); ?>
    <?php bloginfo('description'); ?>

    that will remove the text then you will have to edit the css for the blue background area

  5. moshu
    Member
    Posted 5 years ago #

    Oh, I was focusing on the "blue" thing only...

    However, I would not advise removing the blog title and description either. The reason: you will end up with nothing in the <title> tag - which is very bad for search engines!

    You can simply add to the stylesheet
    display: none for the elements you want to hide.

  6. hbalagh
    Member
    Posted 5 years ago #

    guess i should of clarified not to remove the one between the <title></title>

  7. gordonmartin2103
    Member
    Posted 5 years ago #

    I am still a little lost here.

    I have went into my admin area, and removed the web log title and the tagline, this has got rid of the background writing on the blue blob, still not clear on how to remove the blue blob so that the header i put in does not have that as a background?

    http://www.gordonsblog.com/blog/

    appreciate the replies so far

  8. drmike
    Member
    Posted 5 years ago #

    They're discussing editing your header.php file for your theme.

  9. gordonmartin2103
    Member
    Posted 5 years ago #

    Hello, I am still trying to figure this one out. So I do not alter the details in admin?

    I have taken out the details in Admin and it has removed the title, but then is this not going to be good for a search engine?

    Please also see:

    http://www.gordonsblog.com/blog/

    Basically what I am trying to do is remove the blue blob background. I have basic understanding of html.

    I looked in the style.php is that the place where I need to be making the changes, and if so, exactly where, in laymans language. Pretend that I am thick, which I am when it comes to WordPress. I have tried many time before to setup a blog with WordPress and have been unable to do it.

    All I want is a different header, I can install it, but the header has me beat. Can anyone help me please, and try and keep it as simplistic as possible so that I can grasp what it is that you are talking about.

    Kindest

    Gordon.

  10. Root
    Member
    Posted 5 years ago #

    Just look for #header in the index. You could delete / edit it out.

  11. gordonmartin2103
    Member
    Posted 5 years ago #

    Tried to edit the index.php, only messed it up, and an error message came up.

    All I am trying to do is get rid of the blue background, did not think it would be so difficult.

    If I wanted someone to do it for me, I take it I would put something up on elance or somewhere like that?

    Regards,

    Gordon.

  12. Chris_K
    Member
    Posted 5 years ago #

    Have a look at Designing_Headers? Has a nice little walkthrough on modifying the default theme header...

  13. Nicki Faulk
    Member
    Posted 5 years ago #

    gordonmartin2103: Root and HandySolo have given you your answer. Take a good look at your style.css file, specifically the #header section. That's where the blue blocks are coming from. If needed, use the link HandySolo gave you as a reference. Take note of any background colors, images, etc. that don't belong or match the rest of your design. :)

  14. indrasinha
    Member
    Posted 5 years ago #

    Hi Gordon, this is how I did it. I was using the same default theme. To change it I went to:

    /wp-content/themes/default/images/

    There is a file called kubrickheader.jpg - this is the blue blob. First save a copy of this file as something like defaultheader.jpg. Next make another graphic in Photoshop, save it optimised for the web, and call it kubrickheader.jpg.

    You can change the title of your blog in Options. It will appear over your new image in default white.

    You might want to get rid of the title because your graphic already incorporates typography. I didn't have this problem because my new graphic had a white background, so I could just leave the original title alone.

    The two methods for getting rid of it are given in the help documentation. Both involve amending the CSS style sheet.

    The first method is effectively to reduce the title's dimensions to 0, so it doesn't show up.

    The second is to set its position to -1000 pixels, ie so far off the left of the screen that it can never be seen.

    I won't go into details of how to do these things in case I get them wrong, but it's all there in the help.

    Good luck, Indra

    http://www.indrasinha.com/blog

  15. Nicki Faulk
    Member
    Posted 5 years ago #

    indrasinha, he means the blue blocks currently sitting on both sides of his header image. ;) Those aren't in the image, but is in the same container/element ... hence where we're trying to direct him. Your other comments I'm sure will be most helpful as well, thanks for helping out. :)

  16. gordonmartin2103
    Member
    Posted 5 years ago #

    I called my graphic Kubrickheader same as you, but for some reason the dreaded blue blob is still there :-)

    Thanks Indra, I am still lost though :-(

  17. Nicki Faulk
    Member
    Posted 5 years ago #

    gordonmartin2103 - Did you read my post? Look at #header in your style.css for your blog's theme.

    Notice anything on the line containing your header image?

  18. gordonmartin2103
    Member
    Posted 5 years ago #

    I am nearly there Nitallica, found header and hear image in css styles as you had suggested. I changed the header at begin structure, I changed to white, this gave me a white blob instead of blue.

    I reduced height and width of it and I am nearly there, please see:

    http://www.gordonsblog.com/blog/

    At the moment I have 2 small white bits at either end. I am playing around with the settings to see if I can rectify that, I reduced it and it fixed it a little but then when I reduced the width some more, it messed up the picture image.

    I believe that I am now actually looking in the right place, tahnks very much to all for their help and patience.

    Does anyone know what I now need to tweak to get rid of the white?

    Regards,

    Gordon.

  19. Root
    Member
    Posted 5 years ago #

    I wouldnt go there from here. The problem you have is that there is a drop shadow in the body. Hence the body is wider than your header graphic. So the background is showing.

  20. gordonmartin2103
    Member
    Posted 5 years ago #

    I think you are right Root, I WILL stay here and not go there:-) What would the easiest way be to resolve the problem. Remove the drop shadow? Make the header graphic wider? Say through Photoshop od programme like it?

    Thanks for your comments Root

    Kindest Regards,

    Gordon.

    Still Here :-) <grin>

  21. boerbabe
    Member
    Posted 5 years ago #

    Gordon,

    I am viewing your site now and it appears as though there's no association style sheet?

    Anyway, a bit ago I found a mention of a plug-in called "Kubrickr" that is supposed to allow one to replace that ugly blue blob with something else.

    Moshu already said what I was going to say about hiding the text over the header with the "none" attribute.

  22. Root
    Member
    Posted 5 years ago #

    I er.......... don't have much experience on Kubrick derivations.
    Removing the shadow is impossible. Maybe creating a new graphic?

  23. doodlebee
    Member
    Posted 5 years ago #

    To get rid of the text, log into your admin panel, and go to Presentation>Theme Editor. Look for the file called "Header" (list of files on the right). Scroll to the bototm of that file and look for this:

    <div id="headerimg">
    <h1><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
    <div class="description"><?php bloginfo('description'); ?>
    </div>
    </div>

    Change the stuff in the middle so it looks like this:

    <div id="headerimg">
    <!-- <h1><a href="<?php echo get_settings('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
    <div class="description"><?php bloginfo('description'); ?>
    </div> -->
    </div>

    That way, it's commented out, but you don't lose it if you ever want it again.

    After that, I don't think you need to do anything (unless you're trying to get rid of the white background)...but I may be misunderstanding what else you're trying to do.

  24. gordonmartin3012
    Member
    Posted 5 years ago #

    Thank you to ALL who contributed to this thread. I am finding WordPress challenging to say the least, but then, I supppose it is like anything else, the more you get to know it, the easier it becomes.

    Particular thanks to Doodlebee for the comments, I was able to follow your advice very easily and remove the text from the title bar, thanks for that.

    I appreciate all your comments folks, FINALLY I got to do what it was that I was trying to do.

    Kindest Regards,

    Gordon.

  25. gordonmartin3012
    Member
    Posted 5 years ago #

    This topic is now resolved, how do I change the status of it please?

    Kindest

    Gordon

  26. sossy
    Member
    Posted 5 years ago #

    Can someone help me please as well?

    I am having the same issue. I've followed the instructions you have all given to the best of my abilities, but I'm still unsure exactly what to delete or edit in the Theme Editor.

    I've got my header image uploaded, and it's appearing behind the blob that I can't seem to delete.

    I also read the "Designing Headers" section, but it just tells you to look for #header and a few other things, but not what to do once you find them.

    Any help would be greatly appreciated.

    Thanks,
    Sheila

    Here's the site:

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.