• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

How To Make Part of a Background Image A Clickable Link

This tutorial shows you how to make a specific area on a background image clickable.

Here’s a very basic example showing you the red box which is a clickable link.

link

You can also add hyperlinked text or another image in the box.

There’s 2 parts to this solution:

  1. The HTML which we’ll hook in using PHP code from the child themes functions file.
  2. The CSS to add your background image and position your link on the image.

Step 1. HTML

Register for full access

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.