WordPress.org

Ready to get started?Download WordPress

Forums

how to insert logo in Online Marketer theme (16 posts)

  1. AnnaA
    Member
    Posted 2 years ago #

    Hi
    I have sorted out my site title, all I need to do is to insert a logo (jpg) before (left) the site title and tagline.

    I have saved the logo in the image library.

    How can I do that? my knowledge of html is miniscule, and so I would paste my header.php code here, if someone could help :-)

    thanks

  2. Andrew
    Forum moderator
    Posted 2 years ago #

    Are you using a Theme or Child Theme?

  3. AnnaA
    Member
    Posted 2 years ago #

    I'm using the Online Marketer theme.

    Initially, I thought about inserting the full logo (graphics and text) using the Theme Plugin. However, it doesn't work well (I must be doing something wrong), and also I'm having problems with saving the background colour of my logo (which needs to match the background colour of the site) in jpg.

    so, a straight insert of the graphic would do (it's a 3D geometrical shape with an outline only, no shape colour) if we could somehow match the site colour....

  4. Andrew
    Forum moderator
    Posted 2 years ago #

    If you're thinking of modifying header.php, first create a Child Theme.

  5. AnnaA
    Member
    Posted 2 years ago #

    great but...how do I do that?

    My knowledge of WP and html is miniscule...

  6. Andrew
    Forum moderator
    Posted 2 years ago #

    You cannot customise themes without knowledge of underlying technologies.

  7. AnnaA
    Member
    Posted 2 years ago #

    Correct. That is why I am asking for help on this forum - which I believe it is for?.....

    I have seen people pasting theme codes here (or via pastebin) into which the required code changes / new codes are being inserted (in different colour) by those who are willing to help.

  8. paste the full code of header.php into a pastebin and post the link to it here - see forum guidelines the usage of the pastebin is explained in the forum rules: http://codex.wordpress.org/Forum_Welcome#Posting_Code

    (paste as a guest or keep the paste public)

    it will also help if you can post a link to your site.

    btw:
    the main scope of this WordPress forum is not to teach or assist with basic knowledge of fundamental programming techniques such as html, css, or php.

  9. AnnaA
    Member
    Posted 2 years ago #

    thanks - will keep this in mind :-)

    http://pastebin.com/mGHGFthy

    (public)

    my website is still under construction hence not live. I don't want to give anyone access to my dashboard, but could send/attach (somehow?) a screeshot of the homepage, if that would help....

    many thanks

  10. udaraaka
    Member
    Posted 2 years ago #

    Anna you don't want to give access to dashboard to help this problem. Post the homepage URL of your site, so we can look it can help. Otherwise it is hard for someone to see and understand your real requirment.

  11. try to add the logo code (image html http://www.w3schools.com/tags/tag_img.asp ) before or after this line (line 20):

    <hgroup id="top-header">

    to keep the formatting, you migh need to float the image left;
    http://www.w3schools.com/css/css_float.asp

    btw:
    a link to the public facing side of you web site would really help to get more detailed suggestions;
    but there is no need to give anybody in this forum access to your dashboard - this level of help is not supported by this forum.

  12. AnnaA
    Member
    Posted 2 years ago #

    thanks alchymyth, I will try that.

    here is my url - although as I mentioned, my website is under construction in a maintenance mode, and so it is not visible to the public (it has not been launched yet). If I could attach a screenshot of my homepoage here, I would do that :-)

    http://www.quantummind.com.au

    thanks for the links to the html school:-)

  13. AnnaA
    Member
    Posted 2 years ago #

    well...I've got the image code (with the url in the image library), but when I insert it as you suggest, all it does it pushes the title to the left (removes left margin) and still the image is not visible.

    I think the best thing for me to do is to finish the website and launch it live without the logo so that you can actually see it.

    I shall do that tomorrow, and repost my url to the live site.

    thanks

  14. AnnaA
    Member
    Posted 2 years ago #

    Hi

    Ok, my website is live

    http://www.quantummind.com.au/

    If you consider the site title and subtitle tag as one "object", I would like to insert my logo to the left. The logo is approximately the same height as the "object".

    My header code is still open in pastebin http://pastebin.com/mGHGFthy
    I'd be grateful for suggestions where should I insert my image code.

    thanks
    Anna

  15. when I insert it as you suggest, all it does it pushes the title to the left (removes left margin) and still the image is not visible.

    possibly needs some styling; and double check the file path to the image.

    in this case, it will help if you can have that code in your site, and possibly also post the used image html.

    general example:

    <img class="logo" src="http://www.fullimageurl.png" height="50" width="50" alt="" style="float:left;margin-right:5px;"/>

    adjust the number values; might need further adjustment to the styles once in place.

  16. AnnaA
    Member
    Posted 2 years ago #

    ok, I've pasted

    <img class="logo" src="http:// quantummind.com.au/wp-content/uploads/2012/08/IQM-logo-final.jpg" height="50" width="50" alt="" style="float:left;margin-right:5px;"/>

    as a separate line before the line 20 <hgroup id="top-header">

    It pushed the site title a little to the right (the subtitle (tag) didn't move). but the logo was still not visible.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.