• 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

CSS Blend Mode (again)

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

    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/2019

    The 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;
    }```
    1 Reply Last reply
    0
  • mariusjopenM Offline
    mariusjopenM Offline
    mariusjopen Global Moderator
    wrote on last edited by
    #2

    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

    www.mariusjopen.world

    1 Reply Last reply
    0

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

Thanks!
Post a link to where the problem is if possible, please <3
I don't answer or check forum DMs, please just post on the forum.
Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
Online Users
A
laytheme.com
  • Login

  • Don't have an account? Register

  • Login or register to search.
  • First post
    Last post
0
  • Recent
  • Tags
  • Popular
  • Users
  • Search
  • Login

  • Don't have an account? Register

  • Login or register to search.