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. Bug Reports
  3. Carousel error Failed to load resource

Carousel error Failed to load resource

Scheduled Pinned Locked Moved Bug Reports
13 Posts 2 Posters 255 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.
  • mariusjopenM Offline
    mariusjopenM Offline
    mariusjopen
    Global Moderator
    wrote on last edited by
    #4

    Dear @lousydeal
    can you play around with the CUTSOM CSS and give it a different padding or margin?
    Best!
    Marius

    www.mariusjopen.world

    1 Reply Last reply
    0
    • lousydealL Offline
      lousydealL Offline
      lousydeal
      wrote on last edited by
      #5

      @mariusjopen

      Yes I can totally add the top line with HTML and tweak properties with CSS.
      However, do you have any suggestion for the height of the browser itself?
      I want to avoid scrolling. As the page first loads the carousel is not center and you need to scroll down for it to be in place.

      My intention is to have no extra space top or below and have the carousel centered with no ability to scroll.
      I set the frame with fixed Height 100vh and took out any margins but no luck as you can see from the screenshot:

      Screen Shot 2020-05-27 at 12.00.21 PM.png

      Thanks!

      1 Reply Last reply
      0
      • lousydealL Offline
        lousydealL Offline
        lousydeal
        wrote on last edited by lousydeal
        #6
        This post is deleted!
        1 Reply Last reply
        0
        • lousydealL Offline
          lousydealL Offline
          lousydeal
          wrote on last edited by
          #7

          I placed this:

          HTMl Head content:

          <style type="text/css">
          html {
          overflow-y: hidden;
          }

          CUSTOM CSS:
          .col .lay-carousel-wrap {
          position: relative;
          top:-70px;
          width: auto;
          height: 100%;
          left: 0;
          }

          Although the hidden overflow solves the scrolling issue it does not take care of the center horizontal alignment of carousel.
          I would like to keep intact the mobile version since I am deploying scrolling on device.

          In Custom CSS, the lay carousel wrap class with top-60px seems to be working although I do think it's a cheat that takes care of something else going on.
          In addition images seems to be slightly cropped.
          Do you have a more functional and elegant solution?

          Thanks!

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

            Dear @lousydeal
            can you post a link to the page where you experimented already?
            Best!
            Marius

            www.mariusjopen.world

            lousydealL 1 Reply Last reply
            0
            • lousydealL Offline
              lousydealL Offline
              lousydeal
              wrote on last edited by
              #9
              This post is deleted!
              1 Reply Last reply
              0
              • mariusjopenM mariusjopen

                Dear @lousydeal
                can you post a link to the page where you experimented already?
                Best!
                Marius

                lousydealL Offline
                lousydealL Offline
                lousydeal
                wrote on last edited by
                #10

                @mariusjopen

                Here's the site.
                alestella.info
                I have implemented this code with overflow to avoid extra scrolling and custom css to center carousel.
                I am wondering if there's a better solution to this since I would still like to scroll on mobile.

                HTMl Head content:

                <style type="text/css">
                html {
                overflow-y: hidden;
                }

                CUSTOM CSS:
                .col .lay-carousel-wrap {
                position: relative;
                top:-70px;
                width: auto;
                height: 100%;
                left: 0;
                }

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

                  Dear @lousydeal
                  Ok, thank you for writing. We will have a look also with Armin and hope to get back to you as soon as possible.
                  Thank you for using LayTheme!
                  Marius

                  www.mariusjopen.world

                  lousydealL 1 Reply Last reply
                  0
                  • mariusjopenM mariusjopen

                    Dear @lousydeal
                    Ok, thank you for writing. We will have a look also with Armin and hope to get back to you as soon as possible.
                    Thank you for using LayTheme!
                    Marius

                    lousydealL Offline
                    lousydealL Offline
                    lousydeal
                    wrote on last edited by
                    #12

                    @mariusjopen
                    Thank you for your help!

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

                      Dear @lousydeal
                      Happy to help!
                      Best!
                      Marius

                      www.mariusjopen.world

                      1 Reply Last reply
                      0
                      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