{"id":2433,"date":"2017-01-06T14:18:25","date_gmt":"2017-01-06T14:18:25","guid":{"rendered":"http:\/\/nativewptheme.net\/support\/?p=2433"},"modified":"2017-01-13T09:06:15","modified_gmt":"2017-01-13T09:06:15","slug":"single-image","status":"publish","type":"post","link":"https:\/\/nativewptheme.net\/support\/wpbakery\/single-image","title":{"rendered":"Single Image"},"content":{"rendered":"

Add the images on the page using Single image module and diversify the content.<\/p>\n

Watch the video tutorial on Single Image module creation<\/a> for more details.<\/h5>\n

General settings<\/h3>\n

<\/p>\n

    \n
  • Image type<\/strong> – choose the image type to be displayed in the\u00a0module.\n
      \n
    • Media gallery<\/strong> – allows you to upload the image from the media library on your site.\n
        \n
      • Image<\/strong> – select the image to display.<\/li>\n<\/ul>\n<\/li>\n
      • External link<\/strong> – allows you to upload the image from the external resource.\n
          \n
        • External image URL<\/strong> – enter the link to the image to be displayed\u00a0in the module.<\/li>\n<\/ul>\n<\/li>\n
        • Page thumb<\/strong> – allows you to display the featured image set for the current page in the Featured image<\/strong> meta box.<\/li>\n<\/ul>\n<\/li>\n
        • Image border radius<\/strong> – set the border radius for the page to have rounded corners.<\/li>\n
        • Image size <\/strong>– select the size of the image to be displayed. You may select full size, medium, thumbnail<\/strong> or custom size<\/strong> and specify the sizes for the image. For Media Gallery<\/strong> image type only.<\/li>\n
        • Image for retina displays<\/strong> – set it to Enable<\/strong> to display the image for the retina, so you may add the x2 or x4 image.\u00a0For Media Gallery<\/strong> image type only.<\/li>\n
        • Image size<\/strong> – choose the size of the image on retina. For Media Gallery<\/strong> image type only.<\/li>\n
        • Image alignment<\/strong> – select the horizontal alignment for the image. Left<\/strong>, right<\/strong> and center<\/strong> positions are available.<\/li>\n
        • Link for image<\/strong> – set it to Enable<\/strong> to apply the link to the image.\n
            \n
          • Apply link to<\/strong> – select to what element the link will be applied.\n
              \n
            • Lightbox<\/strong> – select it to open the link in lightbox on click.<\/li>\n
            • External link<\/strong> – select this variant to add the external link to the single image.\n
                \n
              • External link URL<\/strong> – enter the link for the image.<\/li>\n<\/ul>\n<\/li>\n
              • One page scroll nav<\/strong> – select this variant to use the image as the navigation for the One Page Scroll page template selected.\n
                  \n
                • Navigate to<\/strong> – select the navigation for the image. It may link to previous<\/strong> or next slide<\/strong>.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n
                • Image hover effect<\/strong> – select the hover effect for the image from the list of available ones.<\/li>\n<\/ul>\n
                  Extra features<\/h5>\n
                    \n
                  • Animation<\/strong> \u2013 choose between 14 preset animation effects.<\/li>\n
                  • Custom CSS class<\/strong> \u2013\u00a0enter our\u00a0own unique class name for the item \u2013 this is a useful option for those who want to create a specific style. E.g.: you can type custom-style<\/strong> class and then go to Theme options<\/del>\u00a0General options<\/del>\u00a0Custom CSS\/JS<\/del> Custom CSS<\/del> field and write your own CSS code with this class to get your own style.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

                    Add the images on the page using Single image module and diversify the content. Watch the video tutorial on Single Image module creation for more details. General settings Image type<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[24,22,33],"_links":{"self":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/2433"}],"collection":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/comments?post=2433"}],"version-history":[{"count":8,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/2433\/revisions"}],"predecessor-version":[{"id":11033,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/2433\/revisions\/11033"}],"wp:attachment":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/media?parent=2433"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/categories?post=2433"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/tags?post=2433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}