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. editing the 3D logo add

editing the 3D logo add

Scheduled Pinned Locked Moved Addons
13 Posts 2 Posters 314 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.
  • arminunruhA arminunruh

    what? so
    u want it behind everything?

    N Offline
    N Offline
    noah1243
    wrote on last edited by
    #3

    @arminunruh
    Thanks for replying.
    Yes, I would like to have it behind all the projects.
    Or alternatively sticking to the top of the screen like the toolbar?
    Thanks

    1 Reply Last reply
    0
    • arminunruhA Online
      arminunruhA Online
      arminunruh
      Global Moderator
      wrote on last edited by
      #4

      @noah1243 said in editing the 3D logo add:

      Or alternatively sticking to the top of the screen like the toolbar?

      you could
      use
      css

      #lay_canvas{
      positon: absolute;
      }
      

      and if u want to change the z-index if u want to keep it fixed:

      #lay_canvas{z-index:9;}

      1 Reply Last reply
      0
      • N Offline
        N Offline
        noah1243
        wrote on last edited by
        #5

        Hi, thanks for the code, but when I added this into custom CSS nothing changed with the logo, it is still scrolling and not fixed:
        #lay_canvas{position: absolute;}
        #lay_canvas{z-index:9;}

        1 Reply Last reply
        0
        • N Offline
          N Offline
          noah1243
          wrote on last edited by
          #6

          Hi @arminunruh thanks for the code, but when I added this into custom CSS nothing changed with the 3D logo, it is still scrolling and not fixed:
          #lay_canvas{position: absolute;}
          #lay_canvas{z-index:9;}

          Is there something else I am missing in the code, to make the code affect the 3D logo

          1 Reply Last reply
          0
          • arminunruhA Online
            arminunruhA Online
            arminunruh
            Global Moderator
            wrote on last edited by
            #7

            no you wanted it to be not fixed

            its fixed already usually

            do you have a link?
            sorry this post got lost i didn't see your answer

            1 Reply Last reply
            0
            • N Offline
              N Offline
              noah1243
              wrote on last edited by
              #8

              Hi, thanks for replying.
              And sorry I used the word fixed wrong.
              here is a link to my website: https://www.noahsilver.work/
              I just want the 3d logo to stay at the top of the screen and not move with the scroll.
              Thankyou so much :) @arminunruh

              1 Reply Last reply
              0
              • arminunruhA Online
                arminunruhA Online
                arminunruh
                Global Moderator
                wrote on last edited by
                #9

                #lay_canvas{
                position: absolute!important;
                }

                this should do the trick!

                1 Reply Last reply
                0
                • arminunruhA Online
                  arminunruhA Online
                  arminunruh
                  Global Moderator
                  wrote on last edited by
                  #10

                  by the way probably its better to use mp4's instead of gifs

                  1 Reply Last reply
                  0
                  • N Offline
                    N Offline
                    noah1243
                    wrote on last edited by
                    #11

                    thankyou somuch, it works and i will follow your advice!

                    1 Reply Last reply
                    1
                    • N Offline
                      N Offline
                      noah1243
                      wrote on last edited by
                      #12

                      Hi @arminunruh
                      Thankyou so much for your help i really appreciate it.
                      I am sorry for asking so much about this but I really want this awesome 3D feature to work now. The homepage is perfect but now on the project pages of my work the logo is in front of everything.
                      Is there a way to either send it to the background layer?
                      Or to only have the 3D logo appear on the homepage and not the others.
                      Thanks so much.
                      I hope this image explains how it looks, here is the link too: https://www.noahsilver.work/fifa-2022/

                      Screenshot 2024-01-10 at 14.57.16-min.png

                      1 Reply Last reply
                      0
                      • arminunruhA Online
                        arminunruhA Online
                        arminunruh
                        Global Moderator
                        wrote on last edited by arminunruh
                        #13
                        #lay_canvas{
                        z-index:0!important;
                        }
                        

                        or

                        #lay_canvas{
                        display:none;
                        }
                        
                        .slug-work-2 #lay_canvas{
                        display: block;
                        }
                        

                        https://laytheme.com/documentation/custom-css-styling.html#css-based-on-current-page

                        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
                        arminunruhA
                        arminunruh
                        T
                        ta_io
                        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