Lay Theme Forum

#lay-overlays #grid{ background-color: transparent!important; } .lay-overlay > .lay-content{ background-color: transparent!important; }

sure just on chrome, right click the overlay, inspect element
and get the appropriate css selector

Screenshot 2023-09-05 at 09.39.39.png

the css u used is this:

#lay-overlays #grid.id-37 { background-color: transparent!important; } .lay-overlay > .lay-content { background-color: transparent!important; }

however, you need to use #grid.id-18:

#lay-overlays #grid.id-18 { background-color: transparent!important; } .lay-overlay > .lay-content { background-color: transparent!important; }

can u send a link?

nope for me it works!

send a link please

also please update everything again before and see if it works

Dear @adam

I was unable to recreate your issue when using a Thumbnail Grid in the Footer with the hover image option "on".
Screen Shot 2021-08-19 at 7.00.37 PM.png
Screen Shot 2021-08-19 at 7.00.59 PM.png

Though i do agree that when editing the Thumbnail grid the image content disappears if that is a bug?
Screen Shot 2021-08-19 at 7.01.44 PM.png

If debugging please make sure of the following:

Wordpress, Lay Theme & Laytheme's Addons are all up to date ?

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.

Best wishes Adam and have a wonderful day 🌝 Richard

Dear @adam

Thank you for looking into this,
The Image-hover Addon is only working in the main 'Gridder' field and not currently in the "Element Grid"

Though not directly a bug, its obviously an important next step so i will put it in the development notes to be discussed,

Thank you for your patience regarding this and for bringing it to light,

Best wishes
Richard

Dear @adam

I have recreated your setup and the same occurs with me.

I make a full width image within Desktop Layout - Mobile Gridder options are set to 0% for the left and right edge frame.
When i go to change Gridder setup to Mobile Layout it is fullscreen on the backend but on the front end has the left and right margin as you say
but when i go and re-size the image in the Gridder again to the same size now it works fullscreen.

However when i go into Customiser i notice interestingly enough that it has its own set Mobile left and right frame percentage:

Screen Shot 2020-11-12 at 1.31.47 PM.png

So i also set this to 0% and now when i make a fullwidth image and change to Mobile Layout i keep the full width that we want.

Seems to be an issue with the Customiser having the last say on how the Mobile Layout should be!

Let me know if this works for you too and have a wonderful day

Best
Richard

Dear @adam
Can you post a link to your website?
We will then have a look and inspect that!
Many wishes!
Marius

Dear @adam
also have a look here:
https://www.w3schools.com/cssref/func_calc.asp

Hope that helps!

Best!

Marius

Hi @adam

this can be done with jQuery.

Add the class back to the body which hides the navigation when you reach the bottom.

When you learn the very basics of jQuery this is already possible.

Have a look here:
https://gist.github.com/toshimaru/6102647

All the best!

Marius

HI @adam
by right clicking on an image you can give it a class. Then you can apply the CSS only to that class.

Yes. Of course. The image with get bigger because of the "frame".

You need to work with that – or you make the frame as a part of the image.

The solution I proposed is more a workaround – because this is not a very common thing to do.

Best!

Marius

Hi @adam
This is because the content is too long.
So it automatically switches to the stacked version.

You can make an alternative mobile Layout and put in less text.

Best!

Marius

Hi Adam,

this is not a default option but you can achieve this with jQuery.

Have a look here:
https://stackoverflow.com/questions/10555998/change-css-element-with-jquery-when-scroll-reaches-an-anchor-point
https://stackoverflow.com/questions/13456531/jquery-change-div-css-on-scroll-and-also-change-back
http://jsfiddle.net/elclanrs/h3qyV/1/

And don't forget this:
http://laytheme.com/documentation.html#custom-javascript

Good luck!

:-)

Marius

Dear @huertels
ah, that is a great effect.

Thank you for sharing.

Best!

Marius

Great! Happy to hear!

hey adam, i think it is not easily possible to do this right now. I wrote this down and I might add a html class to the body while pages are loading so you can use css. Not sure when I will work on this.