Make Artisteer Header Area Clickable

If you have an Artisteer theme, here is how to make the header area clickable. This has been tested with:

  • WordPress 3.1.3
  • Artisteer 3
  • Firefox 5
  • IE 9
  • Chrome 12

First, make sure the Headline/Title is visible. Then, add the following lines to your style.css:

h1.art-logo-name a, h1.art-logo-name a:link,
h1.art-logo-name a:visited, h1.art-logo-name a:hover {
   border: 2px solid black;
   padding: 15px 100px 15px 0;
}

Use a different color for the border if the black box does not show up well in your header. Adjust the padding values until the box covers the area that is to be clickable.

If you want the Headline/Title to remain visible, just delete the ‘border: 2px solid black; ‘ line.

If you want to hide the Headline/Title, just add ‘opacity: 0;’ to the css above, leaving the padding values where you set them:

h1.art-logo-name a, h1.art-logo-name a:link,
h1.art-logo-name a:visited, h1.art-logo-name a:hover {
   border: 2px solid;
   opacity: 0;
   padding: 75px 635px 85px 0;
}

If you use this successfully with other versions of any of the software, please post a reply here so others will know.

3 Responses to Make Artisteer Header Area Clickable

Leave a Reply

Your email address will not be published. Required fields are marked *

*