ThemeShaper Forums » Thematic

[closed]

Dragability of header Image link?

(4 posts)
  • Started 4 years ago by stengl
  • Latest reply from em hr
  • This topic is resolved
  1. stengl
    Member

    I played around with an header image as outlined here: http://forums.themeshaper.com/topic/adding-a-header-image
    It works like a charm, but one thing I recognized is, that you can't drag the hyperlink in order to bookmark/send/etc. it. All other links are dragable, but using the method described in the post mentioned above somehow kills this feature of the header image.

    I wonder why? How to change that?

    Posted 4 years ago #
  2. Just tested on my installation and it's working fine. Make sure you put the css in #blog-title a and it should work fine.


    #blog-title a {
    width: 193px;
    height: 51px;
    float: left;
    text-indent: -9999px;
    margin: 0 27px 0 16px;
    background: url('images/logo.png') top left no-repeat;
    border-right: 1px solid #ccc;
    padding: 0 22px 8px 0;
    text-decoration:none;
    }

    Posted 4 years ago #
  3. stengl
    Member

    Jon, if "yours" is the one on http://jonmack.co.uk/, then no, it does not work with Safari. I guess this is a brwoser issue. With Fireforx the desired dragability works like a charm. Strange though.

    Posted 4 years ago #
  4. Hi guys-

    I think the issue here is that webkit doesn't like the text-indent. Safari is associating the link location with the text location. You could try an image placement technique like TIP That way you could hide the text under a background image while keeping the draggable link with Safari.

    Also it's probably a good idea to not fork the original thread and continue this discussion over there:

    http://forums.themeshaper.com/topic/adding-a-header-image

    -Gene

    Posted 4 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.