Gallery captions and lightbox question

Permalink Browser Info Environment
Hello Marc,

The instructions for the Madfolio gallery feature, it says "To display captions along with the images, you can simply add some text to the description field in the properties of each image (also File Manager)".

The captions were not displaying with the images on the page nor in the slideshow gallery overlay. I changed the elements/default.php to make them display on the page (the isotope images) but am wondering about your instructions that say they should automatically in the gallery. Am I mis-understanding your instructions? This is in reference to a Madfolio Default design template.

Also, how do you get the lightbox to match your example website's dark background lightbox with the same arrows? Out of the box, the Madfolio theme does not have this same look. Is there a setting for it in the theme, or do we need to change it all via CSS ourselves?

Thanks,
- Sherri

Type: Discussion
Status: New
sherri333
View Replies:
marcantondahmen replied on at Permalink Reply
marcantondahmen
Hi Sherri,

I can not reproduce that problem. There is no need to edit any PHP file. The captions for the thumbnails are just plain CSS (added via the custom CSS field). You can use the image's title attribute to be displayed on hover state.
I did not try the latest version of C5 - maybe there is a bug, but i don't know. But you can just add any text as the description-file-attribute for each image within the file manager.
Be careful, not to use the title! It must be the description. That description gets used as caption for the open image automatically. I don't think that the C5 core team removed that attribute.

This add-on has a very detailed documentation site. The look of the three included themes is also clearly visible. It also states, that this add-on is very easy to customize. Therefore the example page is customized and of course looks a bit different. But alls the styles can be applied via the custom CSS field. That applies of course as well to the gallery background-color.

Hope that helps...
sherri333 replied on at Permalink Reply
sherri333
Hi Marc,

Thanks for your reply. I was able to change the lightbox background using CSS.

Although you said you cannot replicate the image caption problem, I cannot make the theme work as far as gallery images showing captions underneath unless I use my altered elements/default.php. If I must use that altered file to get the theme to work properly, I'd rather treat it as an override, so that any theme updates will not overwrite it. Is it possible with your theme? I read an article that indicates it may not be possible with packaged themes:https://www.concrete5.org/documentation/how-tos/developers/change-th...

Also, I am experiencing problems with emails displaying extra characters (a "> at the end.)

Here is an example of the problem:http://applesigns.com/beta/about-us/apple-team/...

Sorry to keep bothering you with these issues, but this theme is a bit more involved than the typical Concrete5 theme, with more scripting and complex settings. I have a handle on the settings and how to override them, but this appears to be an error of some sort.

Can you please advise?

Thank you very much in advance,
- Sherri
marcantondahmen replied on at Permalink Reply
marcantondahmen
Dear Sherri,

You are welcome!

Are the captions showing up on the full-screen images, I mean, when you open an image in there gallery? Because there the captions should go.

The thumbnails don't have captions. But as i wrote above, you can get captions also on the thumbnails using custom CSS (for example using a pseudo class like :before or :after and set its content to the image's title). There are tons of tutorials out there. Then overriding and modifying the php files is not needed. The description is already there - in the link's title attribute.

Try something like that (untested and has to be adapted of course):
a:hover:after {
    content: attr(title);
    position: absolute;
    ...
}

That would display the description on the image on hovering.

And you email problem is caused by a wrong link in your content. As the documentation says, you only have to type in the email-address as plain text - not as link (!!!) - and it will be converted by the theme. So remove the link from your email address and it will be fine. At the moment you have in your example a link within a link, which is not valid HTML and causes the weird ">" at the end.

Cheers!
sherri333 replied on at Permalink Reply
sherri333
Hi Marc,

I will look into your CSS solution for adding captions to the thumbnails. The position absolute may or may not be problematic for the website I am creating. I do appreciate knowing that it is possible via CSS, even if the theme did not include it as an option.

Regarding the email addresses, I am happy that your theme includes the obfuscation. It sounds like the email address must be displayed on the site, rather than having a name link to an email address. Is that correct?

Thanks again for your prompt reply. I appreciate it.

- Sherri
marcantondahmen replied on at Permalink Reply
marcantondahmen
Dear Sherri,

the CSS solution is I think anyways the most elegant. The position can also be relative. It was just a proposal. But if you want to have the caption overlaying the thumbnail, you have to position it absolute - also if you add the caption in another way (in the php files).

And you are right with the email addresses. Just the plain-text email address and no link. The theme will convert all email addresses to links.

Cheers!

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.