Dear Max @MaxWinter

" if i turn the color just white for the page, it wont be seen at all because of the blend mode."

The aim is not to have the site-title & navigation mix-blend-mode?

What happens to your page when setting the body background colour transparent?

body{ background-color: #0000ffff; }

"Tried to use the slug way"
https://laytheme.com/documentation/custom-css-styling.html#css-based-on-current-page

Based on the page or project's slug- you could reset the mix-blend-mode:difference

nav.primary{ mix-blend-mode:normal !important; } .sitetitle { mix-blend-mode:normal !important; }

https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode

https://css-tricks.com/almanac/properties/m/mix-blend-mode/

Talk soon ✨ Richard

@pgroth

Great to hear all is working Philipp, have a wonderful weekend! ⚡️

Dear Max @MaxWinter

I think i can help 🌝
When a Link has an image inside of it, we would have the 'nesting'

a img{ //insert css here }

Screen Shot 2022-04-02 at 2.58.26 PM.png

But in most cases with a link and text - the link would have a span element inside wrapping the text:

Screen Shot 2022-04-02 at 2.57.54 PM.png

a span{ // insert css here }

Because if this we can target only the links that have span within therefore only text links, e.g

a span { color: #000000; transition: ease-in-out 0.2s; } a span:hover { color: #000000; -webkit-filter: blur(10px); /* Safari */ filter: blur(20px); transition: ease-in-out 0.2s; } Best wishes Max, have a great weekend Richard

@DanielJulien

Thanks Daniel, have a great weekend! ✨

Dear @PTD

Could you please confirm the following for debugging 🌝

Wordpress, Lay Theme & Laytheme's Addons are all up to date? ( i know the theme is updated but maybe your plugins aren't)

Any custom CSS or JS that may interfere is temporarily removed.

Any third-party plugins are de-activated to see if this resolves the issue (most common reason).

If using a WordPress Cache plugin, disable it or clear your cache.

License key not activated - (in website blank situations or button not available)

I see in the developer console that your font "universaltsd black-1" is not loading correctly as well, you may wish to convert it to .woff2 format and re-upload to be sure

https://cloudconvert.com/woff-to-woff2

Talk soon & best wishes ✨ Richard

Have a great day @afb 👍

@lauragrimm

Thanks for the update Laura, best wishes ✨

Thanks @TYLM let me know if i can help in the future! ⭐️

Hi Marc! @moND0711

Just to clarify: you fixed the problem? or "this" way (via chats )could fix the problem 🌝

Talk soon Richard

Dear Tim @Tim-B

The active menu point will have a class added to it called current-menu-item :

Screen Shot 2022-03-24 at 6.28.12 PM.png

You can take advantage of this to target it with CSS and set it italic for example:

.current-menu-item { font-style: italic !important; }

https://www.w3schools.com/csSref/pr_font_font-style.asp

Best wishes 🌝 Richard

Dear @beucccia

Although not built in to Lay Theme you could do this via Custom Coding.
The .gif could still be called from the media Library via URL ( src=url )
I cant custom code it for you sorry but hopefully these links may help you in the right direction, also if any others on the forum wish to speak up 🌝

https://sirv.com/help/articles/hover-change-image/#:~:text=To swap an image when,"rollover" image becomes opaque.

https://www.tutorialrepublic.com/faq/how-to-change-image-on-hover-with-css.php

Also this thread may help with understand how to call the image from the media library:

http://laythemeforum.com:4567/topic/6087/imagehover-on-element-grid-lightbox-on-carousel

There was also a user who attempted this with a plugin:

http://laythemeforum.com:4567/topic/6174/help-plugin-swap-images-on-hover-js

Hope this helps @beucccia & have a wonderful day Richard

Dear Toby @Toby

Not with built in options sorry, the closest would be the Layout type "Masonry" .

Because the Thumbnail grid is images with links to the Projects, you could copy your "exact" layout using it's JSON:

http://laythemeforum.com:4567/topic/7421/insert-page-into-another

And then link the images to the projects. This would create an exact match but has the burden of being manual.

Best wishes Richard

Dear @SB

Am i correct that you are using a"Custom Phone Layout" for mobile? or are you using one Gridder Layout for both?

https://laytheme.com/documentation/custom-phone-layouts.html

Best wishes Richard

Dear @hirte

Thanks, i will be here when you know further from Google 🌝

Have a wonderful day! Richard

Dear @sandraayad

Possibly you have not set the "Featured Image" yet. Pages do not need this but Project's do for the Thumbnail Grid:

Screen Shot 2022-03-23 at 9.11.54 AM.png

Have a wonderful day 🌻 Richard

Dear @Bella

I totally understand when the amount of images becomes many, thank you for the feedback and have added it to the development notes ✅

Feedback #1

It would be really fantastic if with future updates the image hover could be extended to images (which I actually thought it was for, to be honest 😬 ).

Feedback #2

It would also be great for the Woocommerce product images, but I understand that that's probably more complicated to achieve. So maybe adding an image hover option that works with "regular" images (not products images) would be an option to start with? :)

have an amazing day Bella Richard

Dear @benni No worries calling me Robert! ⭐️

Thank you for the great solution that will help others 👍

Give the element you want to offset an ID and then use the custom CSS option to define the offset via the translate() CSS function.

Here is an example of what your CSS could look like:

#img-1 { transform: translateY(-30%); }

This bases the offset on the width of the image you gave the ID to.

have a wonderful day Richard

Dear @dmncn

It's a bit of a trick with just z-indexing alone. The whole system works on z-index:

Cover: z-index 1 (must be the lowest to slide underneath content) Content: z-index 2 (must be higher to not be hidden by cover) Site-title: z-index 3 (must remain above content).

So i think however you assign new z-indexing to the above three elements it wont work for example:

Cover: z-index 1 (must be the lowest to slide underneath content) Content: z-index 2 (must be higher to not be hidden by cover) Site-title: z-index 0 (must remain behind cover == but now hidden by content).

To use z-indexing for the site-title to be hidden then shown, the Cover must be higher than the image, but then it's also higher than the content and will not slide behind and therefore not be a cover.

I think to solve this problem you need some javascript or jquery that "at a certain scroll position the site-titles z-index changes from 0 to 3"

Best Richard