Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    Fullscreen slider resizes images to weird format

    Addons
    2
    7
    804
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • dustin
      dustin last edited by

      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/

      1 Reply Last reply Reply Quote 0
      • mariusjopen
        mariusjopen Global Moderator last edited by

        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

        www.mariusjopen.world

        dustin 1 Reply Last reply Reply Quote 1
        • dustin
          dustin @mariusjopen last edited by

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

          1 Reply Last reply Reply Quote 0
          • mariusjopen
            mariusjopen Global Moderator last edited by

            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

            www.mariusjopen.world

            dustin 1 Reply Last reply Reply Quote 1
            • dustin
              dustin @mariusjopen last edited by

              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

              1 Reply Last reply Reply Quote 0
              • dustin
                dustin last edited by

                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

                1 Reply Last reply Reply Quote 0
                • mariusjopen
                  mariusjopen Global Moderator last edited by

                  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

                  www.mariusjopen.world

                  1 Reply Last reply Reply Quote 1
                  • First post
                    Last post

                  Try this to fix issues before you post:

                  Use the Search Feature. Maybe there is already a solution to your issue.

                  1. Update Lay Theme and all Lay Theme Addons
                  2. Disable all Plugins
                  3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
                  4. Now see if your problem solved itself
                  5. Go here, see if your problem is listed here:
                  Troubleshooting

                  When you post:
                  1. Post a link to where the problem is
                  2. If the problem is difficult to explain, post screenshots / link to a video to explain it

                  Thanks!

                  Online Users

                  P

                  Recent Topics

                  • C

                    centred Carousel fixed width and proportions

                  • L

                    position Project titles outside the images on the side

                  • slow navigation WP admin control panel

                  • P

                    News element date and title order

                  laytheme.com