Fullscreen slider resizes images to weird format

dustin

Hey Armin,

The fullscreen slider is changing my images and the position of the content.
I've tried looking in the settings but haven't found anything weird, maybe I'm looking in the wrong places, but could you have a look for me?
I want my images to be centered and resized within the designated frame padding. It should also apply this to multi content placement without shifting to the bottom. Don't know whats going on.

Cheers,

Dustin
http://dustinthierry.com/journal/

mariusjopen

Hi Dustin,

you can send me an email with your login and password and I will have a look.

mail@mariusjopen.com

The layout with the Fullscreen Slider always gets changed a bit because it needs to adjust to the screen: All the information needs to fit on it.

I can have a look and see where the problem might be.

All the best!

Marius

dustin

Hey @mariusjopen thank you for your reply. I will mail you now.

mariusjopen

Hi Dustin,

the vertical-centered-image-problem is solved I think.

You had a padding 120px on the top of your gridder.

I set it to 0 now and now the images look fine.
0_1501686194179_Bildschirmfoto 2017-08-02 um 17.02.07.png

Also I vertically centered the image.
0_1501686217259_Bildschirmfoto 2017-08-02 um 17.03.19.png

About the other issue with the carousel:

I’ve also encountered an issue with the mouse pointer over the Carousel addon, don’t know why the mouse changes position when it moves away from the element. It’s like its having a hickup.

Your Custom cursor in the <body> tag has the coordinates 4 and 12px.

Try this:

.cursor-right {
    cursor: url(http://dustinthierry.com/wp-content/uploads/2017/07/red-dot.png) 4 12, pointer !important;
}

So also your new custom cursors need those coordinates.

I hope I could help.

All the best :-)

Marius

dustin

Hey Marius,

Thanks you for your efforts, its being appreciated. So no padding needed for the fullscreen slider. That helps a lot.

@mariusjopen said in Fullscreen slider resizes images to weird format:

Your Custom cursor in the <body> tag has the coordinates 4 and 12px.
Try this:
.cursor-right {
cursor: url(http://dustinthierry.com/wp-content/uploads/2017/07/red-dot.png) 4 12, pointer !important;
}

So also your new custom cursors need those coordinates.

I've tried this, but it didn't solve anything, I'm still stuck with the jumpy red-dot.
If you navigate the cursor from Carousel to a different project thumbnail it hickups from posistion, like a glitch. Try it out and you'll see what I mean.

Cheers,

Dustin

dustin

Hey Marius,

Just tested on my 13"inch mac screen, as you can see the padding is all messed up with the text. I'm lost to figure it out myself. Please help.

0_1501707333685_Screen Shot 2017-08-02 at 22.54.51.png

mariusjopen

Hi Dustin,

this is an issue with the fullscreen slider.

If the content is too big. Especially with text it will go over the borders.

Images will scale proportionally. but text wont of course.

The only option is to use less text.

About the cursor:

I managed to fix it.

I put all your cursor related CSS into one CSS-function:

#lightbox-region #lightbox-inner.cursor-left img,
#lightbox-region #lightbox-inner.cursor-right img,
.cursor-left,
.cursor-right,
body,
a,
.lightbox-css-on #lightbox-region .close-lightbox,
.lightbox-css-on #main-region .col[data-type="img"] img,
.scrolltotop,
.col .lay-carousel.cursor-right .lay-carousel-slide,
.col .lay-carousel.cursor-left .lay-carousel-slide {
    cursor: url("http://dustinthierry.com/wp-content/uploads/2017/07/red-dot.png") 4 12, pointer !important;
}

And I added those two things:

.col .lay-carousel.cursor-right .lay-carousel-slide,
.col .lay-carousel.cursor-left .lay-carousel-slide

All the best!

Marius

Fullscreen slider resizes images to weird format

Try this to fix issues before you post:

Online Users

Recent Topics