Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #22876
    tkabe
    Member

    http://calprogramsautistic.org/headertest

    This is my test of creating an image map. I understand the process within dreamweaver, however I am trying to adapt this understanding do within my catch everest site, I can add this code for the header image. I have reviewed the header.php file, however I am not clear where this code should be located to coordinate with the header image.

    <map id=”Map2″ name=”Map2″> <area alt=”” coords=”121,9,280,65″ shape=”rect” href=”http://calprogramsautistic.org/support/2014_fundraiser/&#8221; /> </map>

    Could you make a suggestion.

    Todd

    #22897
    Sakin
    Keymaster

    @tkabe: I don’t get it why you want to use Map in Header. Can you explain it so that I can suggest you appropriately. Also where in header you want to add in . Maybe sample screenshot.

    #22960
    tkabe
    Member

    Our goal is to add a fundraiser logo to the header image as shown below. This logo would link to the fundraiser page as shown in the previous test/sample page.

    http://calprogramsautistic.org/wp-content/uploads/2014/03/copy-CPA_header_fundraiser.jpg

    #22983
    Sakin
    Keymaster

    @tkabe: Header map will not work properly as this is responsive design theme and the position changes as per the screen size.

    The best option is to upgrade To Catch Everest Pro theme and add the image from “Appearance => Widgets” to header top sidebar.

    But for Catch Everest Free theme, you need to build child theme and created functions.php file in your child theme and add the following code

    <?php
    function catcheverest_child_headerimage() {
    	echo '<a href="http://calprogramsautistic.org/support/2014_fundraiser/" title="Fund Raiser" class="fund-raiser"><img src="http://calprogramsautistic.org/wp-content/uploads/2014/03/copy-CPA_header_fundraiser.jpg" title="Fund Raiser" /></a>';
    }
    add_action( 'catcheverest_hgroup_wrap', 'catcheverest_child_headerimage', 5 );
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Header image map’ is closed to new replies.