Page 1 of 1

customized text on homepage slideshow

Posted: 22 Aug 2018, 06:49
by laxina
Hi again,

does the X3 support customized text on home page, so I can add some text like slogon? 

like the image attached.

thanks a lot

Leon

Re: customized text on homepage slideshow

Posted: 22 Aug 2018, 10:07
by mjau-mjau
For adding text across an image on home page (or any page), I recommend the Intro image plugin.
https://demo.photo.gallery/examples/plu ... tro-image/
Image

Intro plugin is only for a single image though, and this cannot be achieved with the slideshow intro module. The slideshow supports basic captions (at bottom), and would require some heavy CSS customizations to achieve larger text that overlays the image like in your example. We might consider adding this as a feature for the slideshow intro plugin.

Re: customized text on homepage slideshow

Posted: 16 Nov 2020, 03:58
by TristanJo
I'm also interested in this feature.
Please give us a code hint so that the text can slide together in the slide show intro. 
Thank you.

Re: customized text on homepage slideshow

Posted: 17 Nov 2020, 03:17
by mjau-mjau
TristanJo wrote:Please give us a code hint so that the text can slide together in the slide show intro. 
The slideshow already supports captions [see demo], but I guess you mean you want to customize the TEXT so that it is centered on the stage, and larger, similar to the "intro image" plugin?

Re: customized text on homepage slideshow

Posted: 19 Nov 2020, 05:17
by TristanJo
mjau-mjau wrote:
TristanJo wrote:Please give us a code hint so that the text can slide together in the slide show intro. 
The slideshow already supports captions [see demo], but I guess you mean you want to customize the TEXT so that it is centered on the stage, and larger, similar to the "intro image" plugin?
I'd like to have The Slideshow's title and description come out big in the center and slide together.

Re: customized text on homepage slideshow

Posted: 19 Nov 2020, 07:08
by mjau-mjau
TristanJo wrote:I'd like to have The Slideshow's title and description come out big in the center and slide together.
X3 slideshow does not currently support this. You can make some changes using custom CSS, but that requires some knowledge of CSS. For example, to center the caption vertically, you could add this to Settings > Custom > Custom CSS:
Code
.fotorama__caption {
  top: 45%;
}
If you want to change the visual style, you would need to do more advanced tweaks with custom CSS.

Re: customized text on homepage slideshow

Posted: 20 Nov 2020, 02:48
by TristanJo
mjau-mjau wrote:
TristanJo wrote:The Slideshow의 제목과 설명이 중앙에 크게 나오고 함께 슬라이드하도록하고 싶습니다.
X3 슬라이드 쇼는 현재이를 지원하지 않습니다. 사용자 정의 CSS를 사용하여 일부를 변경할 수 있지만 CSS에 대한 지식이 필요합니다. 예를 들어 캡션을 세로 중앙에 배치하려면이를 설정> 사용자 정의> 사용자 정의 CSS에 추가 할 수 있습니다 . 비주얼 스타일을 변경하려면 사용자 정의 CSS 를 사용하여 더 고급 조정을 수행해야합니다.
Code
.fotorama__caption {
  top: 45%;
}
Code
.fotorama__caption {
  top: 45%;
}

.slideshow-title {
  font-size: 70px;
}

.slideshow-description{
  font-size: 30px;
}

.fotorama__caption__wrap {
    background: transparent;
}
And control code is the background, hover?:grinning:
jn-tour.com
thx~

Re: customized text on homepage slideshow

Posted: 20 Nov 2020, 03:59
by mjau-mjau
Use !important to override the hover effect:
Code
.fotorama__caption__wrap {
  background: transparent !important;
}