Image Header Map Bug

  • Resolved Dubs

    (@christianjameswagnergmailc)


    9 years, 1 month ago

    Hello,

    I’m using WP 4.4.2 on Responsive Pro theme. I’ve got my header with an image map but unfortunately when I click one of the hot spots it generates this empty block with the link I’ve clicked. If I click outside of the hot spot, it takes away the empty block and everything looks normal. Would anyone know why this is happening? Screenshot is linked below. Thanks!

    https://www.piratespress.com/wp-problem/header-issue.png

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

  • its hard to say without seeing the code you have implemented. can you share the url?

    Thread Starter Dubs

    (@christianjameswagnergmailc)

    Sure. It’s on a test server.

    https://piratespress.com/cms/upgrade/wordpress/

    first off, i would recommend recoding your website in such a way that doesn’t make use of tables as a primary method for structure. I would also recommend getting rid of the “hot spots” you are referring to.

    to answer your question on how to fix the little blue thing that is showing up, it is a :focus state on an element. add this to your css to get rid of that style

    area:focus,
input:focus,
textarea:focus {
    border: none;
}
    Thread Starter Dubs

    (@christianjameswagnergmailc)

    first off, i would recommend recoding your website in such a way that doesn’t make use of tables as a primary method for structure. I would also recommend getting rid of the “hot spots” you are referring to.

    to answer your question on how to fix the little blue thing that is showing up, it is a :focus state on an element. add this to your css to get rid of that style

    area:focus,
    input:focus,
    textarea:focus {
    border: none;
    }

    Thank you! And I will work on what you said!

    Thread Starter Dubs

    (@christianjameswagnergmailc)

    Resolved!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Image Header Map Bug’ is closed to new replies.