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 Online
    arminunruhA Online
    arminunruh
    Global Moderator
    wrote on last edited by
    #2

    what? so
    u want it behind everything?

    N 1 Reply Last reply
    0
    • 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
                          M
                          Moritz
                          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