• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Image Map in Header

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Image Map in Header

This topic is: not resolved

Tagged: header, Hotspots, image map

  • This topic has 3 replies, 2 voices, and was last updated 12 years, 5 months ago by cdils.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 18, 2013 at 6:06 pm #46657
    PhotogJoeC
    Member

    Site: http://theimpactprojectgreene.org/ip_wp/

    StudioPress Outreach Child Theme

    Logo currently uploaded using the header tool in the admin panel.

    I would like to link social media icons in my header. I added the actual icons to the header now I just need to know where to place the image map code.  (and I wouldn't mind a couple tips in creating said image mapping code... I have the px coordinates for where the hotspots need to be.)

    Any help is appreciated.

     

    Thanks

    _joseph

    http://theimpactprojectgreene.org/ip_wp/
    June 21, 2013 at 11:47 am #47069
    cdils
    Participant

    Hi Joseph,

    Looks like you got it figured out?

    Cheers,
    Carrie


    Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question. 🙂

    I host a weekly WordPress-focused podcast called Office Hours. I tweet @cdils.

    June 22, 2013 at 2:08 pm #47202
    PhotogJoeC
    Member

    Yes I was, thank you. In short - I left the header image... then created a new header image in which I cropped off the left side so that the right side was the correct dimensions for the "header right widget." I uploaded the newly cropped image to the blog and put it in the "header right" section along with the HTML code for the image map.

    If someone needs a more detailed explanation of how I did this feel free to ask!

    June 23, 2013 at 1:24 pm #47313
    cdils
    Participant

    Great - thanks for sharing!!


    Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question. 🙂

    I host a weekly WordPress-focused podcast called Office Hours. I tweet @cdils.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble