Search…

X3 Photo Gallery Support Forums

Search…
 
User avatar
laxina
Experienced
Topic Author
Posts: 48
Joined: 16 Mar 2017, 21:41

customized text on homepage slideshow

22 Aug 2018, 06:49

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
Attachments
222.jpg
222.jpg (81.77 KiB) Viewed 716 times
 
User avatar
mjau-mjau
X3 Wizard
Posts: 12353
Joined: 30 Sep 2006, 03:37

Re: customized text on homepage slideshow

22 Aug 2018, 10:07

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.
 
User avatar
TristanJo
Posts: 22
Joined: 10 Apr 2018, 02:57

Re: customized text on homepage slideshow

16 Nov 2020, 03:58

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.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 12353
Joined: 30 Sep 2006, 03:37

Re: customized text on homepage slideshow

17 Nov 2020, 03:17

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?
 
User avatar
TristanJo
Posts: 22
Joined: 10 Apr 2018, 02:57

Re: customized text on homepage slideshow

19 Nov 2020, 05:17

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.
 
User avatar
mjau-mjau
X3 Wizard
Posts: 12353
Joined: 30 Sep 2006, 03:37

Re: customized text on homepage slideshow

19 Nov 2020, 07:08

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.
 
User avatar
TristanJo
Posts: 22
Joined: 10 Apr 2018, 02:57

Re: customized text on homepage slideshow

20 Nov 2020, 02:48

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~
 
User avatar
mjau-mjau
X3 Wizard
Posts: 12353
Joined: 30 Sep 2006, 03:37

Re: customized text on homepage slideshow

20 Nov 2020, 03:59

Use !important to override the hover effect:
Code
.fotorama__caption__wrap {
  background: transparent !important;
}