Support » Plugin: Z-URL Preview » Image Size Adjustment

  • Resolved desktopanywhere

    (@desktopanywhere)


    I love the plugin and it has some great improvements over the original terrific tool.

    The settings feature is one of those. I see that there is a way to toggle whether the image shows but I have not figured out a way to limit the size to a thumbnail image.

    Is there a way to do that that I am missing by percentage or fixed size the way the old URL defaulted to?

    Thanks much for taking over this very useful plugin and making it better and any thoughts on my question.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author StuartMillington

    (@stuartmillington)

    Hi,

    The image size would be handled with CSS as it’s a remote image and not stored on your server. The default CSS code is a few versions old, but just (in Chrome) right click and “inspect” to get the image class, then apply the settings you want in the CSS. E.g.

    p.imgp img {
    max-width: 50%;
    height: auto;
    }

    This will depend on your site design, layout, etc. But the plugin generates consistent classes and structures that you can style in your CSS. If other CSS is conflicting, you may need to add an “!important” override.

    Thanks. In general, I replaced the Z-URL Preview
    CSS Settings default code from this:

    #at_zurlpreview img {
    width: 100%;
    max-width:100%;
    }

    to this:

    p.imgp img {
    max-width: 50%;
    height: auto;
    }

    Worked great for all posts, old and new, in display. Fooled me initially as it didn’t reduce size when added, but when I viewed post, all good now.

    Thanks again!

    Further to this, how might one go about actually resizing the image? The css above makes the image appear smaller on the page but is it possible to reduce an image from 100kb to 50kb for instance?

    Plugin Author StuartMillington

    (@stuartmillington)

    No. The image is not on your server, it’s just a link to the original image in the original article/page.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Image Size Adjustment’ is closed to new replies.