WordPress.org

1. popsessive
   Member
   Posted 1 year 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 1 year 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 1 year 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 1 year ago #
   

   Go it... no need to respond.

5. rickgrevatt
   Member
   Posted 1 year 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 1 year ago #
   

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

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

7. rickgrevatt
   Member
   Posted 1 year ago #
   

   Thanks that did it

8. coraplis
   Member
   Posted 1 year ago #
   

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

9. rickgrevatt
   Member
   Posted 1 year 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 1 year 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 1 year 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
    Theme Diva & Forum Moderator
    Posted 1 year ago #
    

    Then save your file

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

13. coraplis
    Member
    Posted 1 year ago #
    

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

14. coraplis
    Member
    Posted 1 year ago #
    

    Esmi,
    so what's the goog image markup?

15. esmi
    Theme Diva & Forum Moderator
    Posted 1 year 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 1 year 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
    Theme Diva & Forum Moderator
    Posted 1 year ago #
    

    Site url?

18. coraplis
    Member
    Posted 1 year ago #
    

    http://coraplis.net/WordPress3/

19. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #
    

    Try adding:

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

    to the bottom of your stylesheet.

20. coraplis
    Member
    Posted 1 year ago #
    

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

21. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #
    

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

22. coraplis
    Member
    Posted 1 year ago #
    

    ok oups...
    no changes...

23. esmi
    Theme Diva & Forum Moderator
    Posted 1 year 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 1 year 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
    Theme Diva & Forum Moderator
    Posted 1 year 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 1 year 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
    Theme Diva & Forum Moderator
    Posted 1 year ago #
    

    No problem :-)

28. victortihai
    Member
    Posted 1 year ago #
    

    This feature is available only for PRO Version.

29. arihant2002
    Member
    Posted 1 year 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
    Member
    Posted 1 year 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.