I want to overlay an image map onto the image slider, preferably one that could change when the slider changes, but that isn't necessary. I am not sure where I would need to insert the necessary coding in order to make this work. I don't think it would work in the styles.css file, nor do I think it would work in the index.php file. Any guidance as to where to input that code?
Hello, I cannot get your issue exactly but if you want to add Google map on your slider then follow the process given below Just go to https://maps.google.com/ and copy your iframe embed code from there. Sending image for reference Now, Go to Appearance > Theme Option > Slider Settings > First Slider Image and paste your Google map Iframe embed code there.
That coding may be useful, so thank you for providing it. However not what I am trying to do. I want to take the single image that displays in the slider (in my case I'm using a .png) and make certain parts of it clickable, and I want each area that is clickable to take you to a different link.
Thanks. I know that. I already have a png file up there. The problem is then dividing up the sections of the image. Visit the site, http://www.brightworkhome.com/ and view the home page. I want the each porthole on the image to be a link to a different place. I have tried this in other places on the website avoiding the home page as is, and considering making it a static page and it won't work anywhere.
Hello, To achieve this, You can use three column shortcode for your desired page Code: [col3] <a href="Enter your link here"><img src="Enter your image address"/></a> [/col3][col3] <a href="Enter your link here"><img src="Enter your image address"/></a> [/col3][col3_last] <a href="Enter your link here"><img src="Enter your image address"/></a> [/col3_last] Also follow the link given below http://www.inkthemes.com/how-to-use-shortcodes-in-themes/02/