Tips: Change of presentation of title and description in Detail View when using PhotoSwipe
Posted: 06 Oct 2020, 22:39
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:
The following css-code in phocagallerycustom.css makes it look much better in my point of view:
A Happy Phoca Gallery User 
Code: Select all
<div class="pswp__caption__center">Title<br><p>Description</p></div>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;
}