Can I add a click-through logo to the header? (7 posts)

  1. hikingdenver
    Posted 6 years ago #

    I would like to add a click-through logo to the GRAY header bar at the top...preferably to the far right side. Is this possible? I am using the Ocean Mist theme and my site is http://hikingdenver.net.previewdns.com/

    The header editor also includes the image below it and I don't know code so what can I give you in order to help me accomplish this?? FYI...it took me 3 hours just to replace the default image so please...spell it out for me.


  2. Devin Price
    Posted 6 years ago #

    Try adding this to your css file. You can put it at the very end.

    #logo a {display:block; text-indent:-9999px; height:100px; width:300px; background-image:url(###); background-repeat:no-repeat;}

    ### should refer be a link to your image. If it's relative to the stylesheet it'll be background-image:url(logo.jpg); for example. You can also put in the full path.

    The height and width should be changed to match the dimensions of your logo. To float it right, add "float:right;" to the code.

  3. hikingdenver
    Posted 6 years ago #

    This is all my css has in it:

    Theme Name: Ocean Mist
    Theme URI:
    Description: XHTML 1.1 valid theme with a flexible, elastic grid layout and fully customisable colour scheme.
    Version: 2.0
    Author: Ed Merritt
    Author URI:
    Tags: blue, custom header, custom colour scheme, elastic width, two columns, widgets, SEO friendly, accessible, default colour schemes,

    Any other suggestions? Should I put it in the header.php? at the end? What do you think?

  4. Samuel B

    Posted 6 years ago #

  5. hikingdenver
    Posted 6 years ago #

    Now I'm really confused. Where did you find these sheets? Do I have to add the logo code to all 4 style sheets? Or only the last one? After looking around, I do see mention of a background image in the default.css...do I put it there? Another question...how can I figure out which color value goes with which color?

  6. Devin Price
    Posted 6 years ago #

    Just paste it at the end of default.css.

    Did you get this figured out?

  7. hikingdenver
    Posted 6 years ago #

    Thanks for checking in. I managed to get the logo into the header but it messed up the text to the left of it. There is too much space between the 2 lines of text. http://hikingdenver.net.previewdns.com/

    I'm a bit stuck

Topic Closed

This topic has been closed to new replies.

About this Topic