Image-Map problem

  • Resolved teresa.cox

    (@teresacox)


    11 years, 2 months ago

    I am redesigning my website and trying it out on my dummy page first (so I can make sure I like it) and am having a few problems. I used image-maps.com to make a homepage image and want to take the header and navigation off of that specific page and just use my image map image. But, I can’t figure out how to do it! Everything I’ve found only talks about removing an uploaded header picture, not a header image you’ve inserted into the header.php!

    My dummy site is dev.craftywife.com

    And, if this helps, this is the code I’m using for the header.php

    <div align=”center”><img id=”Image-Maps-Com-image-maps” src=”https://www.image-maps.com/m/private/0/5bt0c7klsasb1ojk4ir798n644_untitled-2-recovered.png&#8221; border=”0″ width=”1750″ height=”239″ alt style= width: 100%; usemap=”#image-maps” />
    <map name=”image-maps”>
    <area shape=”rect” coords=”1748,237,1750,239″ alt=”Image Map” title=”Image Map” href=”https://www.image-maps.com/index.php?aff=mapped_users_0&#8243; >
    </map></div>

    Also, I know I should have a child theme, but since it’s not my actual website I’m not worried!

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

  • Yep, modifying a default theme really isn’t a good way to go no matter what. When WP gets updated, you will lose all of your work. Making a child theme takes 5 minutes.

    That said, you can hide the elements on that page using CSS :

    .home .main-navigation,
.home #Image-Maps-Com-image-maps {
  display: none;
}
    Thread Starter teresa.cox

    (@teresacox)

    I usually completely wipe my dummy blog when I’m done customizing so I can start from scratch whenever I want to tackle design again.

    That being said, I put the above code in the style.css and it didn’t work. Do I need to input the page-id somewhere so it knows what page the header image shouldn’t be on?

    I’m also wondering if I can remove the navigation from the homepage?

    Looks like you put that CSS inside the print media query. Try taking it out.

    The code above applies to the home page only – .home is a home page specific class.

    You can always find the page-specific class by looking in the body tag output HTML.

    Thread Starter teresa.cox

    (@teresacox)

    Perfect! It worked! Thank you!

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