Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Addons
  3. Fullscreen slider resizes images to weird format

Fullscreen slider resizes images to weird format

Scheduled Pinned Locked Moved Addons
7 Posts 2 Posters 942 Views
  • 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.
  • dustinD Offline
    dustinD Offline
    dustin
    wrote on last edited by
    #1

    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
    0
    • mariusjopenM Offline
      mariusjopenM Offline
      mariusjopen
      Global Moderator
      wrote on last edited by
      #2

      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

      dustinD 1 Reply Last reply
      1
      • mariusjopenM 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

        dustinD Offline
        dustinD Offline
        dustin
        wrote on last edited by
        #3

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

        1 Reply Last reply
        0
        • mariusjopenM Offline
          mariusjopenM Offline
          mariusjopen
          Global Moderator
          wrote on last edited by
          #4

          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

          dustinD 1 Reply Last reply
          1
          • mariusjopenM 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

            dustinD Offline
            dustinD Offline
            dustin
            wrote on last edited by
            #5

            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
            0
            • dustinD Offline
              dustinD Offline
              dustin
              wrote on last edited by
              #6

              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
              0
              • mariusjopenM Offline
                mariusjopenM Offline
                mariusjopen
                Global Moderator
                wrote on last edited by
                #7

                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
                1
                Reply
                • Reply as topic
                Log in to reply
                • Oldest to Newest
                • Newest to Oldest
                • Most Votes


                I also code custom websites or custom Lay features.
                💿 Email me here: 💿
                info@laytheme.com

                Before you post:
                1. When using a WordPress Cache plugin, disable it or clear your cache.
                2. Update Lay Theme and all Lay Theme Addons
                3. Disable all Plugins
                4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                This often solves issues you might run into

                When you post:
                1. Post a link to where the problem is
                2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                Online Users
                Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                laytheme.com
                • Login

                • Don't have an account? Register

                • Login or register to search.
                • First post
                  Last post
                0
                • Recent
                • Tags
                • Popular
                • Users
                • Search