Editing an image in Wordpress

by 18 replies
20
Hi,

Maybe I can get some help here. I'm trying for the first time to use Wordpress, and am doing okay, although it's definitely a steep learning curve for me.

I have a clickable image uploaded from Amazon that is driving me crazy because I can't get it to move to the top of the page. (I'll say right here that I do NOT have experience with Photoshop or anything like that, so this is really all very new to me.) I got the image aligned to the right, which is what I wanted, but I want it all the way to the top of the page. It was at the bottom, and by clicking on the lines that show up (you know, the box...don't know what else to call it), I was able to move it part ways up, which moved the text over to the left, which is also what I wanted.

But I can't get it to go all the way up. Plus, there's still a line of text above it.

I changed themes, but this didn't make any difference.

Is this an issue with the WP editing, or with the image itself?

I sure hope somebody can give me some help this morning!


Catherine
#website design #editing #image #wordpress
  • It will most likely be the layout of blog. Can you provide a link to your blog so i can see were you are trying to put the image.
    • [1] reply
  • Ok, so you want it situated at the top right corner just above navigation links and just below the "Black Pearl Pendant" logo?

    If that is the way you want it, you will have to do some editing to the blog's code which I guess you will not know how to do? I am sorry if offended you.

    Ryan.
    • [1] reply
    • Yes, I want it straight up so the the top of the image will be level with the top line of text that ends "a woman can own."

      So, you're saying that I need to go the template of the page and do some editing there?

      Catherine
      • [1] reply
  • At first thoughts I thought you may have had to edit the Blog's code but since you said you wanted positioned to the right of the text you could do it using the editor that WordPress Provides.

    First you have to select the image and align it right (which it already is) and then go into HTML mode of the post (at the top-right of the box).

    In HTML mode select the text that starts with this "<a href="http" and ends with this "width="300" height="85" /></a>" (your text may differ to mine). Once you have select the text, cut it and paste it on the top line of the post.

    That should fix it. Let me know how you get on.

    Ryan.
    • [1] reply
    • Okay, I tried that and it didn't work. Essentially what I did was I copied that code and pasted at the beginning of the post, then deleted it where it were it was originally.

      Is this what you meant?
  • That should have worked Catherine, I was testing it on my own WordPress blog and the post above is basically telling you to do what I just said. I did see the change on your website, although it move it up it did not move it to the top
  • If you would like me to log into your blog control panel and see if I can get it to work I would gladly do so. If your unsure about giving me access I understand if you don't. Please send me an email via my website in my sig if you have any questions.

    Ryan.
    • [2] replies
    • I see that you are playing around with it. You need to move it up one more paragraph. I would also suggest that you use the following values for the size of the image.

      Code:
      width="200" height="234"
      Let me know how you get on.

      E.
    • I have followed the above directions (thanks so much!) and still wish the image were higher. But the text looks a lot better, so overall the page is more like I want it.

      But it still too much white space.

      Any other suggestions?


      Catherine
      • [1] reply
  • Just checked the site and it looks like you have it cracked. Well Done.
    • [1] reply
    • You're getting there. The problem with that image is that it has a lot of white space in it. I can crop it down for you if you want and send it to you.

      Let me know.

      E.
  • The whitespace is part of the image and you can crop the image using almost any image editing software such as Photoshop, even with Paint. There are many tutorials online that can be found using Google.

    To use the new image provided, re-upload it to amazon and get the link from them again and then paste the code where the previous one was.
    • [1] reply
    • I am not sure about the Amazon ID issue. But you are welcome to use the image I cropped.

      SudoDev is correct. The white space is part of the image. So the only way to get rid of the white space is to edit the image so it fits your design. This is what I did. I used Photoshop and cropped the white space down a bit.

      Copy the link to a text file for your existing link to the Amazon image. The paste in my link. If you don't like it, paste you Amazon link back in.

      I can give you the code if you want.

      E.
      • [1] reply
Join the discussion

Next Topics on Trending Feed