WordPress.org

Forums

Sugar and Spice
Images (19 posts)

  1. WH14
    Member
    Posted 1 year ago #

    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!

  2. LWA
    Member
    Posted 1 year ago #

    Can you give us a link to the website so we can see the coding?

  3. WH14
    Member
    Posted 1 year ago #

    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!

  4. LWA
    Member
    Posted 1 year ago #

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

  5. LWA
    Member
    Posted 1 year ago #

    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);
    }
  6. WH14
    Member
    Posted 1 year ago #

    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!

  7. tinacaskey78824
    Member
    Posted 1 year ago #

    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/

  8. LWA
    Member
    Posted 1 year ago #

    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.

  9. alex27
    Member
    Theme Author

    Posted 1 year ago #

    @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; }

  10. erkange
    Member
    Posted 1 year ago #

    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
    http://www.tarifsepeti.com/kurabiyeler/fistik-ezmeli-kurabiye-tarifi-3242.html

  11. myfitnesshut
    Member
    Posted 1 year ago #

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

    http://herfitnesshut.com

  12. LWA
    Member
    Posted 1 year ago #

    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

  13. myfitnesshut
    Member
    Posted 1 year ago #

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

  14. LWA
    Member
    Posted 1 year ago #

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

  15. myfitnesshut
    Member
    Posted 1 year ago #

    that's wonderful

  16. myfitnesshut
    Member
    Posted 1 year ago #

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

  17. LWA
    Member
    Posted 1 year ago #

    I don't know of another way. I wish I did, because I just went thru and changed the coding on every single post on my site because I found a better way to display my image. It is time consuming, but well worth it.

    The more I code, the more I learn, and the better my site becomes.

  18. myfitnesshut
    Member
    Posted 1 year ago #

    I deactivated my image formatter plugin and that seemed to do the trick.

  19. erkange
    Member
    Posted 1 year ago #

    thanks i solved mine.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.