add link to background image
-
Hello I want to add hyperlink to custom background image, so when the image is clicked, it is directed to another page. The script I’m using.
body.custom-background {
background-attachment: fixed;
background-image: url(“https://remehtemehmedia.files.wordpress.com/2014/12/women6.jpg”);
background-position: left bottom;
background-repeat: no-repeat;
}The page I’m going to direct the link to:
http://remehtemeh.com/2014/12/05/menyambut-doraemon-stand-by-me/Can you solve this problem for me?
Thanks in advance
The blog I need help with is: (visible only to logged in users)
-
-
Yes, it is.
I’m getting confused when reading tutorials. They suggest to create HTML, which as far as I’m concerned is creating the widget. But the widget area is different than the background.Can you help me with this, please? With step-by-step explanation.
Any help are much appreciated. -
Well I do not own the CSS upgrade so it’ll be little bit of guessing. First, it would be beneficial if you post the links to the tutorials that you are using…
-
CSS is a styling document used by the browser to position and style the elements of a web page. It cannot be used to add functionality, such as a link to a background image.
-
@thesacredpath: my suggestion was that OP would set up his image in a text widget, and then position it with absolute positioning. Can that be accomplished?
-
my suggestion was that OP would set up his image in a text widget, and then position it with absolute positioning. Can that be accomplished?
Yes, that would work.
-
-
mrlubomir, you’re welcome.
remehtemehmedia, do you need any further help? I noticed the image referenced in your original help request is no longer working.
-
-
Yes, it’s not ideal, but it’s possible to to that. Most often, I’ve seen people use that method to make a header image clickable when that is not something designed into the theme itself. To make it work, you basically take a link from another part of the page, turn it into a block level element, and use absolute positioning to place it over the top of whatever you want to make clickable. You have to be careful with it to get it to work well.
http://css-tricks.com/absolute-positioning-inside-relative-positioning/It would be much better to use HTML inside a post content area or sidebar widget area to create a real link with an image inside it if at all possible.
-
Yes, I still dont get it. I removed the background image because I found that useless. I’ll put it back so you can help me.
-
Oh! I didn’t realize you meant a body background image—but I really should have caught that because that’s what your example CSS alludes to in the very first thing you posted. I’m so sorry I didn’t read the whole thread closely enough. I was more thinking of a background image in a header or another part of the page, which is where I’ve seen links laid over the top of things before. I wouldn’t recommend trying to change the background of the entire body background of a page—I think it will cause more trouble than it’s worth. Also, I’m not sure it would be very obvious to visitors that the background body area behind the main content container was clickable, know what I mean? Would it work to post linked image in the sidebar instead? It might be possible then to move that image off-left and that could work out to look better and also be a simpler solution.
- The topic ‘add link to background image’ is closed to new replies.
WordPress.com Forums 