Page 1 of 1

Style for subtitles in slideshow on startpage

Posted: 15 Feb 2021, 05:50
by pede
I have activated the slideshow layout as intro In the home folder "index" (Menu Style white on 12% black / Hight 100% / Fit=cover) and at the captions "preview, title). For each photo displayed, the title is then displayed with white text on a black background.

However, I would like to have the caption displayed in the same style as the topbar.

Or alternatively similar variable as with the new caption styles from version X3.30.0. But these are not applicable for the home folder area (index) , right?

Re: Style for subtitles in slideshow on startpage

Posted: 15 Feb 2021, 09:41
by mjau-mjau
Hi. I understand that you are using the slideshow intro with captions. However, it's unclear what you mean "same style as topbar" ... About "new caption styles from version X3.30.0", they are strictly for the X3 "popup" (when clicking to open images). The popup works from the index page, but it has nothing to do with the slideshow intro.

Ultimately, if you are looking to re-style the captions that appear for the SLIDESHOW (intro or not), it would have to be done with custom CSS. The slideshow is a spearate module in X3, and comes with a basic captions that can be enabled or disabled. It can't "inherit" styles designed specifically for the popup or the topbar, but one could tweak the design of slideshow captions with custom CSS.

Re: Style for subtitles in slideshow on startpage

Posted: 15 Feb 2021, 11:49
by pede
Here is an example for the final polish:
Sample.jpg
Sample.jpg (24.66 KiB) Viewed 2334 times

Very nice if it can be done with simple CSS, but I am also happy with the current solution.

Re: Style for subtitles in slideshow on startpage

Posted: 16 Feb 2021, 00:11
by mjau-mjau
Try this in Settings > Custom > Custom CSS:
Code
.fotorama__caption__wrap {
  background-color: rgba(0, 0, 0, .3);
}

Re: Style for subtitles in slideshow on startpage

Posted: 16 Feb 2021, 04:51
by metallissimus
Can I move the caption vertically? At the default position it's partly hidden by the scroll down button.

Re: Style for subtitles in slideshow on startpage

Posted: 16 Feb 2021, 05:46
by pede
mjau-mjau wrote: Try this in Settings > Custom > Custom CSS:
Code
.fotorama__caption__wrap {
  background-color: rgba(0, 0, 0, .3);
}
:thumbsup: thank you!

Re: Style for subtitles in slideshow on startpage

Posted: 16 Feb 2021, 08:59
by mjau-mjau
metallissimus wrote: Can I move the caption vertically? At the default position it's partly hidden by the scroll down button.
This this. Custom CSS:
Code
.fotorama__caption {
  bottom: calc(50% - 25px);
}