WordPress.org

Forums

[resolved] How to add a .gif logo in the header (5 posts)

  1. adams2008
    Member
    Posted 6 years ago #

    I am trying to upload a .gif logo to my header in my copyblogger WP theme.

    I am using the organic custom style version of copyblogger.

    My blog url is http://dentalmanagementpower.com

    I changed the code in the custom.css, section:
    /*---:[ site title (logo) in the header ]:---*/

    from this:
    .custom #logo a { color: #222; font-family: "American Typewriter", "Trebuchet MS", Verdana, sans-serif; }

    to this:
    .custom #logo { height: 106px; background: url('http://dentalmanagementpower.com/wp-content/themes/copyblogger/custom/POWER-Header-flare.gif') width: 800px; no-repeat; border-bottom-color: #fff; bottom center}

    I thought that coding would do it, but I don't see my logo in the header when I go to refresh my blog.

    I want my logo centered in the header of my blog

    Any help/ideas/suggestions to get my logo up?

  2. NicholasReed
    Member
    Posted 6 years ago #

    you havn't completed your background declaration, and have "bottom center" outside the background declaration. And don't forget, the url() in css doesnt use '' to enclose the address.

    try this:
    .custom #logo {
    height: 106px; background:
    url(http://dentalmanagementpower.com/wp-content/themes
    /copyblogger/custom/POWER-Header-flare.gif) no-repeat bottom center;

    width: 800px;
    }

  3. adams2008
    Member
    Posted 6 years ago #

    Thanks Nicholas-- I tried putting in the code you entered, but the logo still isn't showing up for some reason.

    Any ideas?

  4. adams2008
    Member
    Posted 6 years ago #

    This is weird--I normally use firefox, and in firefox I don't see the logo.

    When I open up the website in IE, I see the logo .gif and I also see the letters "Dental Management Power" in white lettering over-laying the .gif logo.

    My copyblogger theme has 4 different style sheets:

    style.css
    custom.css (the one I have been editing)
    ie6.css
    ie7.css

    Do I need to edit all of those style sheets and enter my new logo .gif, or can I delete the style.css, ie6.css and ie7.css stylesheets?

  5. adams2008
    Member
    Posted 6 years ago #

    I looked at the other sheets (style.css, ie6.css and ie7.css) and it does not look like I should delete them, but I do not know if I should edit them.

    I have input this code:
    .custom #logo {
    height: 106px; background:
    url(http://dentalmanagementpower.com/wp-content/themes
    /copyblogger/custom/POWER-Header-flare.gif) no-repeat bottom center;

    width: 800px;
    }

    into the custom.css, but it doesn't appear to show up in firefox browser.

    My logo does show up in IE7, but there is text overlaying the logo that needs to be removed. How do I remove the overlaying text and make sure that the logo works in Firefox and all browsers?

Topic Closed

This topic has been closed to new replies.

About this Topic