Lay Theme Forum

@dmncn yeah sorry meant to say use 'browser height' like Armin suggested!

yes i wrote it down!

wow very nice! and the website is very fast!

@arminunruh ok... thanks

Yes... I did it. Thanks

yes those are good ideas, writing them down

mmh no its not possible :/

would you like to have an additional way of sorting?

Thank you for sharing @dmncn ⭐️

Thanks for sharing @dmncn !! ⭐️

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

Thank you for supporting Lay Theme @dmncn and showing your great work! ⭐️

Great spinning logo btw... Best Richard

Dear @dmncn

Thanks for your feedback, added to the development notes and forwarded ✅

Thank you for supporting Lay Theme & have a wonderful day ✨ Richard

Great, best wishes @dmncn ! 🏖

@dmncn

Awesome!
THANK YOU FOR USING LAY THEME :)

Dear @dmncn

If you wish to apply this to normal ' images' and you find no way to do so with the Customizer, you can always add some Custom CSS within 'Lay Options - Custom CSS & HTML"

A basic setup that shows the two needed things for the zoom, Scale & Transition ( technically you dont need the transistion, but then i would just jump and no "effect" would really take place )

.img{ transition: transform .2s; } .img:hover { transform: scale(1.5); }

https://www.w3schools.com/howto/howto_css_zoom_hover.asp

This will target all images across your website, you will probably wish to refine what you target with hover :)

Best wishes and Talk soon! :)
Richard

hey!
you could put two text elements on top of each other inside a stack element. and then have an image to the right!

https://laytheme.com/documentation.html#stack-element

when clicking on that link

Screenshot 2020-09-01 at 15.45.45.png

at the bottom of this page:

https://jacklondon.it/franco-arminio-limportanza-di-imparare-un-mestiere

i arrive on this page:
https://jacklondon.it/franco-arminio/

in your admin area there are both posts and pages. please check if any post and page have the same permalink or maybe same title. if they do change the permalink or title.

also please try to remove the link that does not work and then re-insert the link.

good luck!

Dear @dmncn
awesome!

Great photos!

Really nice!
Thank you for using LayTheme!
Marius

So if you don't use a custom phone layout, go to customizer -> mobile (smartphone) -> mobile spaces -> space between elements

if you use a custom phone layout, on the page switch to your custom phone layout and set the row gutter to 0

If you use an element grid or thumbnail grid, edit that element by double clicking on it.
On the left side there is a setting for spaces between elements (horizontal and vertical spaces). Set the phone vertical space to 0,

Ah ok I that answers your question from your email but I see now that your question here in the forum is a more specific one.
I'm not sure why there's a space right there.

in lay options -> custom css & html -> custom css for mobile enter:

.lay-content.nocustomphonegrid #grid .row.has-background{ margin-bottom: 0; }

Have a great day!