Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1119058
    garlicfox
    Participant

    Hello,

    When adding images via shortcodes (http://demo.theme.co/integrity-1/shortcodes/images/) it has all the options at the bottom of the page but it appears that controlling or setting the width / height is not one of them.

    I was wondering if there is a reason for that or if there is a way to get around it?

    Thank you.

    #1119672
    Friech
    Moderator

    Hi There,

    Thanks for writing in! You can use the style attribute instead.

    style="width: 400px; height: 400px;"

    Keep in mind that if you apply a static size for image, this image will not respond on mobile view.

    Hope it helps, Cheers!

    #1119674
    garlicfox
    Participant

    Thanks for the help. Can you tell me then, can i upload an image that is smaller and link to a bigger image that would appear in a lightbox?

    #1119940
    Christopher
    Moderator

    Hi there,

    Do you mean to display image in lightbox?
    Please check this page : http://demo.theme.co/integrity-1/shortcodes/responsive-lightbox/

    Hope that helps.

    #1120182
    garlicfox
    Participant

    Hello,

    Thanks for the link but that’s what i’ve been trying but the light box doesn’t work. I was told that this isn’t the right way to use a lightbox with cornerstone and that I should be using this:

    [image src="/wp-content/uploads/1000px.png" link="true" lightbox_caption="Caption here" class="image"]
    [lightbox selector=".image"]

    The problem with this is that the thumbnail image on the page is in original size and I’d like it to be a much smaller image 200px.png.

    Is there a way to use a smaller image for the thumbnail for a lighbox with cornerstone?

    #1120565
    Rad
    Moderator

    Hi there,

    How about changing the URL /wp-content/uploads/1000px.png with the smaller image? And you should always add the full URL when linking. It’s much faster than waiting for your browser to resolve the path.

    Thanks!

    #1120932
    garlicfox
    Participant

    If I change the 1000px.png to the 200px.png then the smaller image only appears in the lightbox. What i want is the small image to be a thumbnail and the bigger picture to be in the lightbox.

    Any ideas?

    #1120934
    garlicfox
    Participant

    never mind, found it ..thanks so much 😉

    #1120981
    Thai
    Moderator

    Glad you’ve sorted it out.

    If you need anything else, please let us know 🙂

  • <script> jQuery(function($){ $("#no-reply-1119058 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>