WordPress.org

Support

Images

  • I am trying to upload an image to the footer of my blog. It’s my first time loading an image period. Anyway, I uploaded image to Media library. I used a code generator and pasted code into text widget in footer. Image shows up, but code also shows up beneath it in site view. How do I get rid of visible code? Also, how do I add a link to the image? I’d like them to be able to click the image and it take them to my disclosure page.

    Thank you!

Viewing 15 replies - 1 through 15 (of 18 total)
  • Can you give us a link to the website so we can see the coding?

    I figured it out! However, I’m still trying to figure out how to link it to a page. The image is located in my footer. Below is the code for it. What do I do to link it to a page?

    <img src=”http://wateringhope.com/wp-content/uploads/2014/05/badge-small.jpg”>

    Also, I have inserted two images into a post. When I preview the post, it shows a white area above and below both images although it’s not like like this in my original file. Is this something to do with the theme? Here’s the link to the post: http://wateringhope.com/victorious-hope/

    Thank you!

    <a href="insert link url here"><img src="http://wateringhope.com/wp-content/uploads/2014/05/badge-small.jpg"></a>

    As for the white above the images. I had the same problems. I finally found the code that was causing it. I tried to disable it in my child theme but was unable, so I just deleted it completely out of the main theme since I would never use it. Here is the code your looking for in the style.css file.

    .entry-content img {
        position: relative;
        padding: 5px 0;
        -moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
        box-shadow: 0 0 5px rgba(0,0,0,.15);
    }

    Thank you!!! This worked beautifully! Last question since you’re replying!

    I have my front page show excerpts of my posts. Is there a way to get it to show images too with excerpt or is that beyond the free theme? Thanks!

    If, on your post page, while editing, you see a “Set Featured Image” on the bottom right side, that is what you use to show images on excerpts. I have the Pro version, so I’m not sure if it is part of the free version or not, but you can look at my website here and see the “featured images” http://www.youseasonwithlove.com/

    Tina’s right, and yes Tina it is part of the free version. On your “post page” under the “categories” section is “featured image”. Click the link that says set feature image. Choose what you want, and volia…. you now have thumbnails on your excerpts.

    Theme Author alex27

    @alex27

    @lwa – please don’t advice other people to edit stylesheet, and don’t do it yourself! For CSS only changes you don’t even need a child theme, just My Custom CSS (or similar) plugin. From there you can override the image CSS like this:
    .entry-content img { padding: 0; }

    Hi Alex,

    I tried child theme and My Custom CSS.
    But still can not add borders in posts.

    I added this one.
    .entry-content img {
    background:#fff;
    border:1px solid #ccc;
    height:auto;
    margin:2px 5px 5px 0;
    padding:5px;
    }
    example url

    Fıstık ezmeli kurabiye

    The image and the image url shows up in my blog post. help!

    http://herfitnesshut.com

    You have some coding that is messed up. Your coding is …

    <a<br />
                      href="http://www.herfitnesshut.com/wp-content/uploads/2014/05/Lacey1.jpg"<br />
                      title=""<br />
                                      rel="prettyPhoto[]"<br />
                    >
    
    And it should look like
    
    <a href="http://www.herfitnesshut.com/wp-content/uploads/2014/05/Lacey1.jpg" title="" rel="prettyPhoto[]"><img src="http://i0.wp.com/www.herfitnesshut.com/wp-content/uploads/2014/05/Lacey1.jpg?w=600" alt="Lacey1" style="max-width: 180px; " title="Click here to enlarge." data-recalc-dims="1"/></a>

    The <br/> is line breaks and you don’t want those in your linking code

    Do I have to change every image’s coding in every blog post? Or, is there a shortcut that will do this for me?

    You will probably have to do it for each and every one.

    that’s wonderful

    I need a better solution that this….changing every single image individually is unreasonable

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Images’ is closed to new replies.