Fullscreen Layout Template

[Slox]

Hello, i have few questions.
1. it’s possible to disable to scroll through the images used in a fullscreen slider gallery for a project item? If you click and drag the pictures to the left, it’s great. But if you scroll from picture 1 to the last one with the scroll function on a mac mouse, it goes too fast. You’re right past the images between it. Is there a chance to just click on the picture to get the next one? Or click and drag only, without scrolling?

2. i would like to change the position of the Headline (h1) in the Slide and Fullscreen Layout Template. From left to the middle of the Page. How can i do for it?

Thanks a lot in advance!

[SeaTheme]

Hi,

1. Please change the file: in theme folder(maybe need login ftp) /js/custom.theme.js, remove line 278-291:

if(themeData.body.hasClass('single-portfolio-fullscreen-slider')){
					_carousel.on('mousewheel DOMMouseScroll', '.owl-stage', function (e) {
						if(themeData.win.scrollTop() == 0){
							e.preventDefault();
							var _deltaY = e.originalEvent.detail < 0 || e.originalEvent.wheelDelta > 0 ? 1 : -1;
							if (_deltaY > 0) {
								_carousel.trigger('prev.owl');
								
							} else {
								_carousel.trigger('next.owl'); 
							}
						}
					});
				}

2. Please try to paste the custom css code to “Appearance > Customize : Additional CSS”

.single-portfolio-fullscreen-slider .entry {text-align: center;}

Regards!

[Slox]

Thank You for your response.

1. Please change the file: in theme folder(maybe need login ftp) /js/custom.theme.js, remove line 278-291:
>>> perfect that’s exactly what i want.

2. Please try to paste the custom css code to “Appearance > Customize : Additional CSS”
>>>> i mean the whole Content (Head, Copy, …) below the fullscreen area. Not only the Headline

[SeaTheme]

Hi, please leave your page url with Fullscreen Layout Template. Thanks!

[Slox]

This reply has been marked as private.

[SeaTheme]

Please update the css as:

.single-portfolio-fullscreen-slider .entry {text-align: center;}
@media (min-width: 768px) {
.gallery-show-social-share-body .gallery-post-des:not(.gallery-des-center) .entry {
display: block; padding-right: 0;width: 100%;}
.gallery-show-social-share-body .gallery-post-des:not(.gallery-des-center) .social-bar {
display: none;}
}

You need remove the offset of Text Module within BM Builder.

[Slox]

thanks a lot. That works

[Author]

Posts