Home Forums ART HTML5 Template Image captions on project sites + disable downloads in Lightbox.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #25006
    Ash
    Participant
    Purchased
    Supported

    Hi

    I am creating a photography showcase website with the ART theme.
    I really enjoy building with this theme. Thank you for the great work and documentation.

    For my website I use project templates, for instance project-classic.htmlor project-gallery-on-right.hmtl.

    Question 1:
    How can I add captions to the embedded images on project-classic.html?
    Do I have to add a text block to the image container? In WordPress it just takes the information from the data given in the media library, but in HTML I couldn’t find a caption tag for embedded images.

    Question 2:
    How can I disable right-click downloads in Lightbox? For embedded images it is disabled, how can I achieve that for images in a Lightbox as well?

    #25007
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    Thank you for purchasing our template.

    1. Did you mean the caption that shown in Lightbox? Please add the caption in the title="caption info" of the tag a, like:

     <a class="lightbox-item ux-hover-wrap" data-size="1400x620"  title="Image Caption" style="padding-top: 44.285%;" href="https://xxx.jpg">
     <img alt="xxx" class="single-image-img lazy" src="img/blank.gif" data-src="https://xxx.jpg" width="1400" height="620">
    </a>

    2. Please add the CSS:

    .pswp__share-tooltip a.pswp__share--download { 
        display: none;
    }

    Regards!
    SeaTheme – FAQsTwitterFacebook

    #25009
    Ash
    Participant
    Purchased
    Supported

    Hi

    thank you for the fast reply.

    1. I did not mean the Lightbox captions. Just a caption underneath an image on a website, for example project-classic.html, where do Lightbox is set by default. Here is a screenshot: Image caption

    2. The CSS provided does not disable right click downloads. Here is a screenshot:
    downloads
    Any other suggestions?

    #25017
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    1. It is not necessary to add Text module, add the caption here: https://www.dropbox.com/s/mwr8ogi8bnzuc9e/qq20210601-092058.jpg?dl=0

    <span style="display: block; text-align: center; margin: 5px auto;">Caption here</span>

    2. Sorry, I mis-understood your question.
    The CSS is not for hiding the right click download. There is not way to disable it in the Lightbox. It’s a browser button, and we can’t control it.


    Regards!
    SeaTheme – FAQsTwitterFacebook

    #25019
    Ash
    Participant
    Purchased
    Supported

    Hey

    Thank you very much. The caption works exactly the way I imagined it.
    Bummer about the Lightbox. I will see how I can change my concept around it.

    Regards!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!