Image captions on project sites + disable downloads in Lightbox.

[Ash]

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?

[SeaTheme]

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 – FAQs – Twitter – Facebook

[Ash]

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:

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

Any other suggestions?

[SeaTheme]

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 – FAQs – Twitter – Facebook

[Ash]

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!

[Author]

Posts