6924s34ndz 0 Report post Posted October 26, 2011 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 3 Report post Posted October 26, 2011 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 0 Report post Posted October 26, 2011 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 6 Report post Posted October 26, 2011 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 0 Report post Posted October 27, 2011 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 547 Report post Posted October 27, 2011 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 6 Report post Posted October 27, 2011 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 0 Report post Posted October 28, 2011 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+ 1,327 Report post Posted October 28, 2011 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