Jump to content
Sign in to follow this  
6924s34ndz

Clickable image in the background of the page

Recommended Posts

6924s34ndz

On the site cloudtime.be I have placed a background images. Unfortunately, this image is not clickable. Is it possible to put an html code to the page background so that this image is clickabel. See what I did with the image in the footer. http://cloudtime.be/ Thank you. roger

Share this post


Link to post
Share on other sites
Kate
Have you considered putting that image in a widget so that it could be wrapped in anchor tags? The other option is to add a link (via a widget, etc.), and position it to be sitting over that background area so that it appears it is a link.

Share this post


Link to post
Share on other sites
6924s34ndz
Hi Kate, You need to help me! I know how to put a html content with tagging into a widget. But how do I position the widget over that background. Because the image is 'outside' the canvas (I'am using a Full-Width Mode With Canvas). cheers Roger

Share this post


Link to post
Share on other sites
kastelic
If you want a linked element to float over a background image to make it appear to be clickable you can do this: [code] .my-anchor { display:block; width:500px; height:200px; } [/code]

Share this post


Link to post
Share on other sites
6924s34ndz
Where do I have to put this code. I just copied it into custom code. But that didn't work. .my-anchor { display:block; width:500px; height:200px; }

Share this post


Link to post
Share on other sites
Rob
I've flagged this for developer attention.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
kastelic
The CSS code goes into your custom code -> Custom CSS and then you have to add the "my-anchor" class to your anchor tag in your html.

Share this post


Link to post
Share on other sites
6924s34ndz
The link should refer to the page http://cloudtime.be/belgium-cloud/ Could you help me out with de css code so that I can copy the code into the custom css editor. Thanks Roger

Share this post


Link to post
Share on other sites
Danny
The only way I think of even making this possible would be to do the following: Open up your Header.php file located in /wp-content/themes/platformpro/ Then find this: [code]
[/code] Add right after and before the