Image-Map problem

  • Resolved teresa.cox

    (@teresacox)


    10 years, 3 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=”http://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=”http://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)
  • WPyogi

    (@wpyogi)

    10 years, 3 months ago

    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)

    10 years, 3 months ago

    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?

    WPyogi

    (@wpyogi)

    10 years, 3 months ago

    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)

    10 years, 3 months ago

    Perfect! It worked! Thank you!

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