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. Showcase
  3. Here's mine

Here's mine

Scheduled Pinned Locked Moved Showcase
14 Posts 8 Posters 2.3k 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.
  • P prometheanjoy

    How did you create the scrollbar? It looks really good : )

    Hayo GebauerH Offline
    Hayo GebauerH Offline
    Hayo Gebauer
    wrote on last edited by
    #4

    @xnastasia

    ::-webkit-scrollbar
    {
    width: 6px; /* for vertical scrollbars /
    height: 6px; /
    for horizontal scrollbars */
    }

    ::-webkit-scrollbar-track
    {
    background: rgba(0, 0, 0, 0);
    }

    ::-webkit-scrollbar-thumb
    {
    background: rgba(0, 0, 255, 1);
    }

    M 1 Reply Last reply
    0
    • Hayo GebauerH Hayo Gebauer

      @xnastasia

      ::-webkit-scrollbar
      {
      width: 6px; /* for vertical scrollbars /
      height: 6px; /
      for horizontal scrollbars */
      }

      ::-webkit-scrollbar-track
      {
      background: rgba(0, 0, 0, 0);
      }

      ::-webkit-scrollbar-thumb
      {
      background: rgba(0, 0, 255, 1);
      }

      M Offline
      M Offline
      Mauro A. Santos
      wrote on last edited by
      #5

      @Hayo-Gebauer said:

      ::-webkit-scrollbar
      {
      width: 6px; /* for vertical scrollbars /
      height: 6px; / for horizontal scrollbars */
      }

      ::-webkit-scrollbar-track
      {
      background: rgba(0, 0, 0, 0);
      }

      ::-webkit-scrollbar-thumb
      {
      background: rgba(0, 0, 255, 1);
      }

      Thanks for sharing! I´ve tried on my website and it looks dope!

      1 Reply Last reply
      0
      • K Offline
        K Offline
        koliveros
        wrote on last edited by
        #6

        @hayo-gebauer said in Here's mine:

        background: rgba(0, 0, 0, 0);

        I tried this code and it works great! Only thing is the background is showing up as white (instead of transparent). I use a lot of full screen images and want the scrollbar to overlay instead of cutting the image off. Any advice? Thank you!

        1 Reply Last reply
        0
        • edgrbnzE Offline
          edgrbnzE Offline
          edgrbnz
          wrote on last edited by
          #7

          Beautiful site @Hayo-Gebauer 💯
          I second Armin’s advice with the project links.

          ✦ ✦ ✦

          1 Reply Last reply
          0
          • Hayo GebauerH Offline
            Hayo GebauerH Offline
            Hayo Gebauer
            wrote on last edited by
            #8

            New updated website (desktop & mobile)

            1 Reply Last reply
            1
            • WalkerW Offline
              WalkerW Offline
              Walker
              wrote on last edited by
              #9

              Hallo Hayo,

              your website is very nice!

              I would like to ask you one question.
              After viewing a project, I would like to come back to the homepage previous scrolled position when I press my browser back button (history.back()).
              You managed to do this on your website.
              Would it be possible telling me how you did this?
              That would be very kind of you!

              Thanks
              Walker

              Hayo GebauerH 1 Reply Last reply
              0
              • Hayo GebauerH Offline
                Hayo GebauerH Offline
                Hayo Gebauer
                wrote on last edited by
                #10

                huh, I actually didn’t put any code into that I believe. I’ll have a look into that and will let you know

                1 Reply Last reply
                0
                • WalkerW Walker

                  Hallo Hayo,

                  your website is very nice!

                  I would like to ask you one question.
                  After viewing a project, I would like to come back to the homepage previous scrolled position when I press my browser back button (history.back()).
                  You managed to do this on your website.
                  Would it be possible telling me how you did this?
                  That would be very kind of you!

                  Thanks
                  Walker

                  Hayo GebauerH Offline
                  Hayo GebauerH Offline
                  Hayo Gebauer
                  wrote on last edited by
                  #11

                  @walker I have no custom code, suggesting the saved scrolled position...

                  1 Reply Last reply
                  0
                  • edgrbnzE Offline
                    edgrbnzE Offline
                    edgrbnz
                    wrote on last edited by edgrbnz
                    #12

                    @Walker I think this is standard behaviour since LayTheme is functioning as a single page application.
                    As long as the site knows the site you were coming from it’s jumping back to the same scroll position. That should work w/ all the shortcode links like next project, previous project, etc.

                    But I don’t really know the details on when and how this works… perhaps @mariusjopen could provide some in depth knowledge on that topic.

                    ✦ ✦ ✦

                    1 Reply Last reply
                    0
                    • WalkerW Offline
                      WalkerW Offline
                      Walker
                      wrote on last edited by
                      #13

                      Thats a great new feature! That's what I've been waiting for. Thanks

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

                        Good idea! We will write that down!

                        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
                        A
                        Aleksandar
                        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