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. Bug Reports
  3. Problem with custom CSS (mix-blend-mode: exclude) since update

Problem with custom CSS (mix-blend-mode: exclude) since update

Scheduled Pinned Locked Moved Bug Reports
2 Posts 2 Posters 112 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.
  • I Offline
    I Offline
    Israfil
    wrote on last edited by Israfil
    #1

    Hi!

    I wrote a small code in custom CSS to invert the header with the background.

    >> .navbar {mix-blend-mode: exclusion;} <<

    Since 1-3 weeks it doesnt work with pictures and videos anymore.
    It does only work when it is scrolled above the text on my website.

    • I updated everything
    • I deactivated all plugins to test it
    • I tried other codes

    Do you have an Idea why it happened like this? It happened after something updated. I didn't change anything since it worked very well.

    I restored to the status after I was done with my Website and everything was working fine. It does work now with pictures, but not with html5 videos with clickable link on my landing page, or with the background video on the same page. As said it worked before. I don't have any coding experiences. Everything I have coded >Header code and html5 videos with a link< I have done with a lot of research (Web and this forum).

    It does work with google chrome and safari

    My browser: Newest Mozilla Firefox on Windows 10
    My Website: www.israfilakca.com

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

      Dear @Israfil

      I think its worthwhile looking into why Mozilla behaves differently with mix-blend-mode as both Safari and Chrome are functioning properly.


      Apologies that in cannot be of further assistance at this time

      Sincerely
      Richard
      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
      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