Links in image
-
Hi!
I want to do something like Artforum website, for my links section:
http://artforum.comI tried this:
http://en.support.wordpress.com/links/image-links/But it doesn’t make what I really what for 2 reasons:
Links title disappears + Images/links appear one beside the other (horizontal movement), instead of over/below (vertically).Anyone has a solution for me please?
The blog I need help with is: (visible only to logged in users)
-
-
-
It’s easy to make the link page open in another tab. That’s a little tickbox you simply select at the time you put the link in the Links widget.
As for the first part of your question, that site is so noisy I can’t find the Links widget at all, so I’m afraid I cannot help you. Instructions for uploading images to the Links widget are in the support docs http://en.support.wordpress.com/widgets/links-widget/
-
Thanks raincoaster for answer.
Regarding the link/image, how do I add an image to display a link (instead of only its name)?
I found that I could create an image – text widget…. as you can see. But this doesn’t allow an opening in another tab (no target option).
-
-
Oh I found out how to insert an image to a link, which is exactly what I wanted to do!! There is a section Advanced at the bottom of Edit Link page where we can add an image address.
Having done that, still, the layout is not very nice. How can I adjust and resize (to smaller) the images?
Can I manage the display of the link title? How? For example title on the left, middle height of the image, which would be on the right? -
Thanks justpi. But is your post is about text widget and not image widget.
Are you suggesting that a text widget would do better? -
-
a) I linked to my post because you originally tried this with text widgets, and because you thought you can’t make the links open in a new window, which isn’t true.
And as raincoaster said, a text widget can be styled anyway you please. If and how you can rearrange other elements of the theme is restricted by the HTML of the theme, while in a text widget you can add your own HTML.b) If you use the Links widget, turning the image links to title left and image right is very complicated. If you’d settle for the opposite, it’s easy (provided the titles are short). Try this:
.widget_links a img { margin: 6px 20px 6px 0; vertical-align: middle; width: 50px; }Changes the values to adjust.
The four margin values mean top-right-bottom-left; top and bottom must be the same value or the title won’t show at the middle of the image.
But keep in mind that images downsized by the browser lose quality. If you want small images, the ideal would be to downsize copies of the images in an image editing application and upload those copies. -
Thanks!
The 1st logo is a good size, while the others become too small. I resized all my pictures and re-uploaded them again, but the result stay the same. Is there a way to fix that?
Or should I just switch to text widget?
-
The problem isn’t which widget you use, the problem is that similar elements in a column don’t look good if they don’t have the same width. So just change the width I suggested till you find an acceptable compromise: try something around 100-120px.
Also, since one of the images has white space around it, and another one has a lot of white space top and bottom, better add a border to make them look similar. Add this rule to the code and see if you like it:
border: 1px solid #D9D9D9; -
-
- The topic ‘Links in image’ is closed to new replies.
WordPress.com Forums 