Lay Theme Forum

worked. thank you so much!

Hey
I have a text that i placed centered and fixed on my page. Everything worked placement-wise but somehow i cant put it on top of everything else with blend-mode difference. No matter what i put in the z-index.

Can someone help?

the page: http://leandrodisler.com/archive/
password: lean

.fixedarchive {
    position: fixed; 
    top: 50%;
    left: 50%; 
    transform: translate(-50%, -50%);  
    z-index: 5; 
    text-align: center;
    white-space: nowrap;
    mix-blend-mode: difference;  
    pointer-events: none; 
}

worked with this:

.lay-textformat-parent{
width: 90%;
}

Is there a way to make the project-title container bigger? I want to achieve that its like 80% of the width of the thumbnail so it dont puts titles on two lines on smaller devices?

worked! thank you so much for your help :)

hmm dont works :/

hey
i have rounded corners for all my images on vides on my page
how can i have my project thumbnails not rounded while the rest stays rounded?

[.ph{
border-radius: 10px;
overflow: hidden;
}

.img{
border-radius: 10px;
overflow: hidden;
}

fixed it whit:

html, body {
    overscroll-behavior: none;
}

that was easy, checked everything else. sorry.
i have one more issue. when i scroll to the top quick a white layer seems to appear over the menu and site title.

Hey
I have problems with blend-modes. I checked multiple topics but could not fix the issue. I added this code to my custom css.

nav.primary{
	mix-blend-mode: difference;
}

.sitetitle {
	mix-blend-mode: difference;
}

I want to achieve that the site title and navigation is always difference color to no matter what is behind it. My sitetitle and nav is set to black in customize and the the background to white. Menu-bar is hidden. It seems like something lays over my menu bar now an the effect dont works.

My Site: www.leandrodisler.com (password: lean)

Thank you so much.

Like this?

.archive{
font-size:40vh;
position: fixed;
top: 32%;
}

I now changed it to:

.archive{
position: fixed;
top: 35%;
}

Now the textbox dont jumps. But i dont have the exact reult as i wanted with the position...

Hey
I've created a centered/fixed text-element on this Page:
http://leandrodisler.com/archiv
Password is: hello

I've made a regular textbox in the gridder and gave it a HTML class.
This is in my Custom CSS:

.archive{
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

Now the Problem: as you see the element is fixed and centered first but when i scroll the element jumps and takes a new position.

What could be the reason for this?

ps. Also i would love to have this text in front of the whole content of the site, is this possible?

Thanks

Got it. thank you.

Hey

It worked, thank you. !
Theres just one more problem now. On the other mouseovers i dont have the "mouseover-hand" no more. Is there a solution to have them back?

Hey
I have a question about custom cursors on mouseover.
I used the code below to get a custom cursor on mouseover. Now i want to achieve that this mouseover cursor only appears on thumbnail mouseovers. And not everwhere else like links in text etc.

Is this possible?

—

a {
cursor: url(http://leandrodisler.com/wp-content/uploads/2018/11/plus.png) 15 15, auto !important;
}

Hey everyone

I have a problem with my mobile menu. Is it possible to display different name for a certain menu-point on mobile than desktop?

Bests Leandro

it worked. thank you

No not really.
I'm a beginner, dont know how to set it up that it works.

Is it possible to have this on Desktop with the 2 menu Points but