How to add a .gif logo in the header

  • Resolved adams2008

    (@adams2008)


    16 years, 1 month 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 https://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(‘https://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?

Viewing 4 replies - 1 through 4 (of 4 total)

  • 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(https://dentalmanagementpower.com/wp-content/themes
    /copyblogger/custom/POWER-Header-flare.gif) no-repeat bottom center;

    width: 800px;
    }

    Thread Starter adams2008

    (@adams2008)

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

    Any ideas?

    Thread Starter adams2008

    (@adams2008)

    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?

    Thread Starter adams2008

    (@adams2008)

    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(https://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?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to add a .gif logo in the header’ is closed to new replies.