Titles of images opened in the lightbox via button are not displayed - Support

Tagged: Lightbox, tabs

Viewing 16 posts - 1 through 16 (of 16 total)

Author

Posts
September 26, 2022 at 4:49 pm #1366409

Marina
Participant

Hello,

The titles of images opened in the lightbox via click on the button are not displayed. Please see the provided link and click on any button.

Thank you,
Marina

September 27, 2022 at 10:11 am #1366494

Ismael
Moderator

Hey Marina,

Thank you for the inquiry.

The images in the lightbox container are displayed correctly when we checked the site. Did you figure out the issue? If not, please provide a screenshot using imgur, savvyify or dropbox. Thanks.

Best regards,
Ismael

September 28, 2022 at 8:40 pm #1366800

Marina
Participant

Hello,

Please see the link: mfp-title is empty.

Best regards,
Marina

September 29, 2022 at 9:06 am #1366851

Ismael
Moderator

Hi,

Thank you for the clarification.

Please edit the buttons in the Button Row element and in the Styling > Appearance panel, input a value in the Button Title Attribute field. The value in this field will be used as the lightbox title.

Best regards,
Ismael

September 29, 2022 at 2:47 pm #1366907

Marina
Participant

Hi Ismael,

Did not help, still nothing, the title is empty.

Best regards,
Marina

September 30, 2022 at 9:23 pm #1367157

Mike
Moderator

Hi,
Thanks for the link to your site, when I check your buttons have an empty title attribute:

so please ensure that you have added a title to your button:

if you did then check if you have a custom script or plugin removing the titles from your site.
I have linked to my test page below and the title added to the button will show as the lightbox title:

If this doesn’t help please include admin login in the Private Content area so we can investigate.

Best regards,
Mike

September 30, 2022 at 11:42 pm #1367162
Marina
Participant
Hello Mike,

Maybe the problem is that I have fullwidth buttons, since I specified the Button Title Attribute value for both buttons. I have some code removing titles in functions.php (see below), however, if I remove the code and clean browser’s cache, the titles in the lightbox do not appear. I provide you with the credentials for the site.
```
function temporary_removal_title_tags(){
?>
<script>
  window.onload = function() {
      var links = document.querySelectorAll('img.attachment-square, a, div[title]');
      for (var i = 0; i < links.length; i++) {
          var link = links[i];
          link.onmouseover = function() {
              this.setAttribute("org_title", this.title);
              this.title = "";
          };
          link.onmouseout = function() {
              this.title = this.getAttribute("org_title");
          };
      }
  };
</script>
<?php
}
add_action('wp_footer', 'temporary_removal_title_tags');
```
Thank you,
Marina
October 1, 2022 at 2:16 pm #1367198

Mike
Moderator

Hi,
Thank you for the login, indeed I was testing with the wrong element, so I update my test page and compared the difference between the button grid and the fullwidth button and found that the buttons_fullwidth.php was missing the link title attribute {$title_attr} on line 645:

I added this to your parent theme and now the title is showing.
But there was one issue on your site, when the button is clicked and the lightbox shows the image the title is not shown, but if you use the arrow to see the next image then the title is shown. I found that this was due to your custom script so I adjusted it to exclude the buttons, please test your buttons and the link on your site that the script should remove the titles from to ensure everything works correctly.
I will submit this to the Dev Team for their review and would expect this to be added to the next update.

Best regards,
Mike

October 1, 2022 at 8:43 pm #1367232

Marina
Participant

Hello Mike,

Thank you very much. I tested, everything seems to be ok. One more thing though, now on mouse hover over these buttons the titles are displayed duplicating the information. Is it possible to hide these but still have the titles in the lightbox?

Best regards,
Marina

October 1, 2022 at 9:11 pm #1367236

Mike
Moderator

Hi,
I adjusted your script again and it seems to be working as you wish, please clear your browser cache and check.

Best regards,
Mike

October 1, 2022 at 10:02 pm #1367238

Marina
Participant

Hi Mike,

Now everything is perfect :), thank you very much. May I ask about another small issue on the same page, or should I better open a new ticket?

Best regards,
Marina

October 1, 2022 at 10:10 pm #1367240

Mike
Moderator

Hi,
Glad to hear, what is your next question?

Best regards,
Mike

October 1, 2022 at 10:18 pm #1367241

Marina
Participant

:)

A small problem with non-active tabs (their bottom borders) after my customizations of tabs background colors. The problem is: there is no border. It disappeared after I added .tab { background-color: #f7f7f7 !important; } around the end of my long Quick CSS. Could you please help to get the border back?

Thank you,
Marina

October 2, 2022 at 1:13 am #1367245
Mike
Moderator
Hi,
That was a little trickier than it might seem, but I sorted it out with this css that I added for you, please clear your browser cache and check.
```
.js_active .tab:not(.active_tab) {
    border-bottom: solid 1px #E0E0E0;
}
.js_active .tab.active_tab {
    border-bottom: solid 1px #fcfcfc !important; 
}
```
Best regards,
Mike
October 2, 2022 at 10:24 pm #1367349
Marina
Participant
Hello Mike,

Yes, I tried to restore the border myself, but did not succeed. Your code works perfectly, I just adjusted it a bit not to have the double border on mobile:
```
.js_active .tab:not(.active_tab, <strong>.fullsize-tab</strong>) {
    border-bottom: solid 1px #E0E0E0;
}
.js_active .tab.active_tab {
    border-bottom: solid 1px #fcfcfc !important; 
}
```
Thank you very much for all your help, you can close the ticket.

With best regards,
Marina
October 2, 2022 at 11:25 pm #1367355

Mike
Moderator

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike
Author

Posts

Viewing 16 posts - 1 through 16 (of 16 total)

The topic ‘Titles of images opened in the lightbox via button are not displayed’ is closed to new replies.