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. General Discussion
  3. Add Custom HTML, CSS and JS

Add Custom HTML, CSS and JS

Scheduled Pinned Locked Moved General Discussion
5 Posts 2 Posters 295 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.
  • W Offline
    W Offline
    weodeo
    wrote on last edited by weodeo
    #1

    Hey friends,

    i customized this code: http://jsfiddle.net/1ybshz3n/
    This code creates a circle moving around with a blured background, it also creates a color transition while scrolling.

    I tried to add the html code on my homepage within the laytheme editor: +MORE -> +HTML, the CSS Code in the Custom CSS field (Lay Options) and the JS in the Custom <head> content with <script></script>

    Buuut its not working :( Can anyone help me?

    F 1 Reply Last reply
    0
    • W weodeo

      Hey friends,

      i customized this code: http://jsfiddle.net/1ybshz3n/
      This code creates a circle moving around with a blured background, it also creates a color transition while scrolling.

      I tried to add the html code on my homepage within the laytheme editor: +MORE -> +HTML, the CSS Code in the Custom CSS field (Lay Options) and the JS in the Custom <head> content with <script></script>

      Buuut its not working :( Can anyone help me?

      F Offline
      F Offline
      felix_rabe
      wrote on last edited by felix_rabe
      #2

      @weodeo you might take a closer look at the javascript and change some stuff there. See here:

      https://laytheme.com/documentation/custom-javascript.html

      W 1 Reply Last reply
      0
      • F felix_rabe

        @weodeo you might take a closer look at the javascript and change some stuff there. See here:

        https://laytheme.com/documentation/custom-javascript.html

        W Offline
        W Offline
        weodeo
        wrote on last edited by
        #3

        Hey @felix_rabe , thanks for your answer! I already looked at the site and actually tried it as written there. Or what do you mean?

        F 1 Reply Last reply
        0
        • W weodeo

          Hey @felix_rabe , thanks for your answer! I already looked at the site and actually tried it as written there. Or what do you mean?

          F Offline
          F Offline
          felix_rabe
          wrote on last edited by felix_rabe
          #4

          @weodeo in your fiddle, you use symbols such as "$", that have to be translated to something else in lay theme. Would be useful if you post your code here.

          W 1 Reply Last reply
          2
          • F felix_rabe

            @weodeo in your fiddle, you use symbols such as "$", that have to be translated to something else in lay theme. Would be useful if you post your code here.

            W Offline
            W Offline
            weodeo
            wrote on last edited by weodeo
            #5

            ahh its working now!
            i tried it before and it didnt work, now i tried it again and it work maigc

            Thank you sir!

            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
            arminunruhA
            arminunruh
            F
            francesco
            L
            lurchifon
            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