Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • 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. Debug changing page colours (Safari)

Debug changing page colours (Safari)

Scheduled Pinned Locked Moved General Discussion
6 Posts 2 Posters 691 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.
  • J
    J
    joeclarkx
    wrote on last edited by
    #1

    Hi, I'm using a script to give randomised page colours.

    I have a problem with safari specifically- and only on one page

    http://corneliabaltes.com/
    The 'News' page takes maybe a minute to return a coloured background. This is a problem as all text elements and menus on the page are white.

    The script is:

    <script>
    const colors = ["#FF7575", "#D69D00", "#FF5347", "#1BDA91", "#00ABF5", "#F38816"];
    
    window.onload = () => {
      const colorToSet = colors[Math.floor(Math.random() * colors.length)];
      document.querySelector("body").style.backgroundColor = colorToSet;
    };
    

    I don't have the technical chops to even begin troubleshooting this. Any ideas?

    I have already purged cache and also tried installing jetpack CDN...

    Thanks!

    1 Reply Last reply
    0
    • RichardR
      RichardR
      Richard
      Global Moderator
      wrote on last edited by
      #2

      Dear @joeclarkx

      Great Website! 🌝

      This CSS is responsible i believe:

      #grid, .cover-region-desktop .cover-inner {
          /* background-color: #ffffff; */
      }
      

      Screen Shot 2021-06-27 at 12.21.34 PM.png

      Could you please try changing the Gridder's background colour to 'Clear'

      Gridder > Set Background Color > Clear

      Screen Shot 2021-06-27 at 12.37.26 PM.png


      Best wishes @joeclarkx and have a wonderful day, talk soon ✨

      Richard
      1 Reply Last reply
      0
      • J
        J
        joeclarkx
        wrote on last edited by
        #3

        Hey

        Thanks so much for the reply.

        Actually the home page is intentionally set to white as an overlay.

        The problem I have is the that only the News page is loading slowly. Very Slowly. I have started wondering if the problem might be the instagram embed. Thats the only thing that makes it different to any of the other pages...

        1 Reply Last reply
        0
        • RichardR
          RichardR
          Richard
          Global Moderator
          wrote on last edited by
          #4

          Dear @joeclarkx

          On Lay Theme's documentation page is a section they may help you with speeding up your website! Hope this helps 🌝

          https://laytheme.com/documentation.html#speedingup


          Best wishes and have a wonderful day 🌼
          Richard
          1 Reply Last reply
          0
          • J
            J
            joeclarkx
            wrote on last edited by
            #5

            Hey Richard

            Thats a great resource. I have already had a look at it and implemented what I could.

            As its one particular page that I'm struggling with I'm inclined to think its some code that needs troubleshooting. I parked it for a bit, but I'll have another look. I'm guessing it may be the instagram embebd.

            Best
            Joe

            1 Reply Last reply
            0
            • RichardR
              RichardR
              Richard
              Global Moderator
              wrote on last edited by
              #6

              Thanks for the update Joe, best wishes 🌝

              @joeclarkx
              1 Reply Last reply
              0

              Hello! It looks like you're interested in this conversation, but you don't have an account yet.

              Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

              With your input, this post could be even better 💗

              Register Login
              Reply
              • Reply as topic
              Log in to reply
              • Oldest to Newest
              • Newest to Oldest
              • Most Votes


              Online Users
              Z
              zachludlow
              A
              Anna_S
              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