I've got a custom header graphic that includes illustrated navigation buttons…

  • Author
  • #966998


    I’ve just finished getting all new graphics made for my blog (which is currently down while I tinker with it).

    The header image is a large, circular logo, and then a sort of banner coming out on either side with buttons on it. How can I insert this header image and turn certain areas of the graphic into links?



    The blog I need help with is incurablycurious.com.



    Hmm, that’s a good question. I’m not certain, but I think the answer is it can’t be done.
    I wonder if using CSS to designate an anchor link onto the image would work, but I’m not sure if you can cause the image to have multiple anchor links associated with it. What you want to do would require some re-working of the HTML, I think. Without looking at your blog I’d have a hard time giving you a better answer. You MIGHT be able to adjust the z-index of the nav and also bump it up with padding in order to “overlay” it on your graphic and get functionality that way, but again, I’m not totally sure.
    Good luck!



    It can be done, but we can’t suggest a solution if we can’t see the blog, the theme and the image.


    For a case like this, I would recommend adding sliced up images (and the HTML for the links) into a text widget instead of one large header image and then using CSS to reposition the images into place. If you still need help, please upload a sample header image (or header image pieces) for us into your media library and link them here so we can take a look.

The topic ‘I've got a custom header graphic that includes illustrated navigation buttons…’ is closed to new replies.