[tkabe]

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

[Sakin]

@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.

[tkabe]

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

[Sakin]

@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 );

[Author]

Posts