WordPress.org

Ready to get started?Download WordPress

Forums

BlogoLife
How do I insert my logo where the header text is? (37 posts)

  1. popsessive
    Member
    Posted 2 years ago #

    In the header section, I would like put my logo where the Header text goes... is this possible at all?

    Also, how do I move the date from the bottom and put it under or above the title of each post?

    http://wordpress.org/extend/themes/blogolife/

  2. flashbuddy
    Member
    Posted 2 years ago #

    Edit the theme files and move the code that is used to display the date to above that code which displays the title. Yes, its that easy.

  3. popsessive
    Member
    Posted 2 years ago #

    Thank you so much. I'll try that.

    Do you know how I can insert my logo where the Header text is located?

  4. popsessive
    Member
    Posted 2 years ago #

    Go it... no need to respond.

  5. rickgrevatt
    Member
    Posted 2 years ago #

    Can you please let m know how you got your logo to display where the header text is located? thx

  6. popsessive
    Member
    Posted 2 years ago #

    go into the header.php
    then look for line(s): - then insert logo

    <header id="branding">
    <hgroup class="fleft">

  7. rickgrevatt
    Member
    Posted 2 years ago #

    Thanks that did it

  8. coraplis
    Member
    Posted 2 years ago #

    I found the lines
    <header id="branding">
    <hgroup class="fleft">
    bit how do you insert the logo?
    thanx
    X

  9. rickgrevatt
    Member
    Posted 2 years ago #

    add a blank line below those tags and insert your IMG tag like this

    <header id="branding">
    <hgroup class="fleft">
    <img src=/wp-content/uploads/XXX.png>

    Then save your file

    [Please post code snippets between backticks or use the code button.]

  10. coraplis
    Member
    Posted 2 years ago #

    i did, but it doesn't work i dont have anymore text title, i just have a suqre indicating there should be an image there...

    here's my code :

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

  11. rickgrevatt
    Member
    Posted 2 years ago #

    Did you upload the image to the correct folder?

    Is the image the correct size and format? Mine is 468 X 130 pixels and works fine

  12. esmi
    Forum Moderator
    Posted 2 years ago #

    Then save your file

    1. That image markup is wrong.
    2. Never use relative urls or srcs in WordPress.

  13. coraplis
    Member
    Posted 2 years ago #

    i uploaded it from my WP librairy...
    my size is a bit smaller thant yours znd is in .jpg...?

  14. coraplis
    Member
    Posted 2 years ago #

    Esmi,
    so what's the goog image markup?

  15. esmi
    Forum Moderator
    Posted 2 years ago #

    <img src="full_url_of_image" width="image_width_in_pixels" height="image_height_in_pixels" alt="alternative_text_for_image" />

  16. coraplis
    Member
    Posted 2 years ago #

    thanks Esmi logo's in header!
    Further question... How do i manage to put it at the right of my text title?

  17. esmi
    Forum Moderator
    Posted 2 years ago #

    Site url?

  18. coraplis
    Member
    Posted 2 years ago #

  19. esmi
    Forum Moderator
    Posted 2 years ago #

    Try adding:

    #branding .fleft img {
        display: inline-block;
        float: right;
    }

    to the bottom of your stylesheet.

  20. coraplis
    Member
    Posted 2 years ago #

    the code appears written directly on the page...
    did i forget to code something?

  21. esmi
    Forum Moderator
    Posted 2 years ago #

    Add it to your theme's stylesheet - not the header.php template file!

  22. coraplis
    Member
    Posted 2 years ago #

    ok oups...
    no changes...

  23. esmi
    Forum Moderator
    Posted 2 years ago #

    Now try pressing CTRL and F5 simultaneously to view the updated page/site. Or try emptying your browser cache. This should ensure that your web browser fetches a fresh copy of the page rather than serving up an out-dated copy from your own cache.

  24. coraplis
    Member
    Posted 2 years ago #

    wouah ok. It's updated now.
    have a look it's very close to what i thought.
    if you know how to put the logo on the "extreme" right et get it balanced between title and logo i'll owe you a lot... ;)

  25. esmi
    Forum Moderator
    Posted 2 years ago #

    Try changing:

    #branding hgroup {
        margin: 20px 0 20px 15px;
        width: 450px;
    }

    to:

    #branding hgroup {
        margin: 20px 0 20px 15px;
        width: 940px;
    }

    and deleting:

    .header-desc {
        margin: 25px 20px 10px 0;
        min-height: 60px;
        width: 468px;
    }
  26. coraplis
    Member
    Posted 2 years ago #

    thanx a lot!
    it's starting to look like something!!!
    i think i'm gonna reduce a bit my logo so that it's not hiding a bit of blue on th e top of the banner, and i'll be ready to go on my discoverings...
    now i should probably go to sleep it's close to 2am here....
    thanks again
    X

  27. esmi
    Forum Moderator
    Posted 2 years ago #

    No problem :-)

  28. victortihai
    Member
    Posted 2 years ago #

    This feature is available only for PRO Version.

  29. arihant2002
    Member
    Posted 2 years ago #

    I tried to follow the steps mentioned below but it displays only alternate text. How to get the logo instead of alternate text.

    Please help.

    <header id="branding">
    <hgroup class="fleft">
    <img src="full_url_of_image" width="image_width_in_pixels" height="image_height_in_pixels" alt="alternative_text_for_image" />

  30. sacredpath
    Moderator
    Posted 2 years ago #

    Can we have a link to the site, and also to the image you are trying to put up there and I'll see what I can do for you.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags