WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Add logo instead of blog name (11 posts)

  1. tyrone.leech@gmail.com
    Member
    Posted 3 years ago #

    Hi, I have read all the previous posts, but cannot seem to get it to work, i want to replace the blog name and description to my logo.
    Please can you assist with what code i need to use and replace where ?

    I am using the black corp theme from templatesold.
    Thanks Tyrone.

  2. esmi
    Forum Moderator
    Posted 3 years ago #

    There are literally thousands of WordPress themes - which means that many people won't be familiar with your particular theme. So a link to your site where people can see the theme might result in more responses.

  3. tyrone.leech@gmail.com
    Member
    Posted 3 years ago #

    Ok, my bad, its http://www.mobilemedicals.co.za

    Appreciate the much needed help.

  4. esmi
    Forum Moderator
    Posted 3 years ago #

    As this is a commercial theme, we cannot really help. You need to seek support from the theme vendors.
    http://www.templatesold.com/support/

  5. tyrone.leech@gmail.com
    Member
    Posted 3 years ago #

    Is that part of the forum rules, as i am battlling to get help from templatesold, thats why i came here ?

  6. Rev. Voodoo
    Volunteer Moderator
    Posted 3 years ago #

    It's not part of forum rules, per se

    But we cannot get that theme to look at the code
    We can only see the output of your theme, the html that is spit out

    But we cannot see the php used to generate the output. Anything could be going on in the backend which would affect how your header is output. It's impossible to really say what you should do without us having the theme.

  7. tyrone.leech@gmail.com
    Member
    Posted 3 years ago #

    Ok, if i load the header.php code here, will you be able to assist.
    See below, thanks.

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

  8. Rev. Voodoo
    Volunteer Moderator
    Posted 3 years ago #

    That doesn't really help. Because:

    a) check out this link: http://codex.wordpress.org/Forum_Welcome#Posting_Code
    Your code will probably disappear soon

    b) Your header.php file doesn't really do anything. It just calls in other files. like header_main.php and header_blog.php, which both probably do the work. And may also include more files themselves

    Plus there are numerous other files included from there. If you can find the actual block of code which displays the header, it may be helpful (in a pastebin), but hard to say for sure. When more and more files are loaded in, you have to follow the rabbit down the hole sp-to-speak to see what all is involved

  9. tyrone.leech@gmail.com
    Member
    Posted 3 years ago #

    Oops, ok.
    Well from your assistance i looked at another php file, and i think i found the code you need to please have a look at, is it below: what must i change to import my logo. Thanks again.

    <div id="header">
      <div class="logo">
        <h1><a href="<?php echo get_option('home'); ?>/" title="<?php bloginfo('name'); ?> - <?php bloginfo('description'); ?>">
          <?php bloginfo('name'); ?>
          <small class="slogan">
          <?php bloginfo('description'); ?>
          </small></a></h1>
      </div>
  10. Rev. Voodoo
    Volunteer Moderator
    Posted 3 years ago #

    You might be able to get by with just css edits...

    .logo { margin:0; padding:0 0 56px; float:left; width:auto;}
    .logo h1 { margin:0; padding:64px 0 0; float:left; width:auto; font-size:36px; font-weight:normal; line-height:1em; color:#fff; letter-spacing:-1px;}
    .logo h1 a { color:#fff; text-decoration:none;}
    .logo h1 a:hover { text-decoration:none;}
    .logo h1 small { display:block; margin:-8px 0 0 22px; padding:20px 0 18px 22px; float:right; color:#dbdbdb; font-size:12px; font-weight:normal; line-height:1em; letter-spacing:normal; background:url(images/small_bg.gif) no-repeat left top;}

    in your css could be replaced by:

    .logo { margin:0; padding:0 0 56px; float:left; width:auto; background:url('images/image.png');}
    .logo h1 { text-indent: -9999em;}

    That's the gist, I don't have time to test, that padding may need tweaked....

    But basically you move the text all off screen, and then apply an image as your logo. The image in the code is named image.png, in the images folder of your theme, you would need to adjust image and folder name appropriately

    MAKE A BACKUP FIRST
    Like I said, I haven't had time to test, I'm running out the door, but wanted to give you ideas to play with

  11. tyrone.leech@gmail.com
    Member
    Posted 3 years ago #

    Thanks alot for you help Rev. Voodoo, it is working now, i just need to sort out some padding, then its perfect, thanks again for you help. Really appreciate it.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags