CSS Blend Mode (again)
-
Dear Layteam,
I know the topic is already bespoken, but I do have trouble with blend-mode. It does not work at all an every common browser.
please check:
http://itsabook.de/2019The red bubbles should be mulitply
Can you help me out?
.button { -webkit-transition-duration: 0.8s; /* Safari */ border-radius: 1em; padding: 1.0% 4.8% 1.3% 4.7%; background: rgba(255,0,0,1); background-blend-mode:multiply; white-space: nowrap; color: #ffffff; font-size: 140%; vertical-align: 10%; letter-spacing: -0.01em; } .button:hover { border-radius: 0.4em; opacity: 1; background-blend-mode:multiply; border-color: #000000; background-color: ff0000; font-size: 140%; color: white; }```
-
Dear @albrecht
those effects are not supported by all browsers.
LayTheme does not really stand in the way.Best is to fig a bit more into the CSS.
Best!
Marius
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. When using a WordPress Cache plugin, disable it or clear your cache.
Now see if your problem solved itself.
Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it
I don't answer or check forum DMs, please just post on the forum.