Tips: Change of presentation of title and description in Detail View when using PhotoSwipe

[Socrates_mx5]

The title and the description of an image has got the same font, size, etc in PhotoSwipe as default. I wanted the title to stand out like it does elsewhere on the site, e.g. in Joomla rss-feeds. This is what the html-code looks like in PhotoSwipe that one got to work with:

Code: Select all

<div class="pswp__caption__center">Title<br><p>Description</p></div>

The following css-code in phocagallerycustom.css makes it look much better in my point of view:

Code: Select all

/* Title */
.pswp__caption__center {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 18px !important;
	line-height: 2.0 !important;
}
/* Description */
div.pswp__caption__center > p {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 14px !important;
	line-height: 18px !important;
}

A Happy Phoca Gallery User

[Jan]

Hi, Ok, thank you for this info.

Jan