Lay Theme Forum

@mariusjopen Thank you very much! https://www.lookstudios.com/main-build-2-2-3

That link is where you can see how it's looking now, found my own way with mainly css for the link and some js to place the colors.

I guess the only real issue now is getting the text to be white when it's overlayed on the image (the text corresponding to the image will all have their own colors) like in the initial photo. Everything else I have. If you or somebody else can think of something please let me know! Very helpful so far, thanks!

@mariusjopen I'm also a bit confused when you say place them "under each other." One of the issues I'm having is placing the project titles correctly next to each other like I would like in the reference photo. When I place them in the gridder the position doesn't always correspond to where it'll actually end up on the page. I ended up placing the projects in a table which works for now but I'd like to get the projects title names to have the same shape as the photo above if possible.

@mariusjopen Also, to achieve the text color change effect when an image is placed over it like the reference photo above, do you have any insight on how I could achieve this? I saw that there's a mix-blend-mode css class that people use sometimes for these situations but not sure if it applies here and I haven't personally gotten it to work. Thanks!

@mariusjopen Hey marius thanks for the response!

Is the jquery necessary in this case for some reason? Or could I just place css there that changes the opacity to 1 on hover? Or place display:none then display:block on hover?

I was having issues with placement but I think I solved it for the most part by placing all of the projects within a table. Not ideal but was the only way I could place the text within the gridder properly. On the grid the exact positioning would get wonky since I linked images to each text.

You can check out how it is now here: https://www.lookstudios.com/main-build-2

The next step would be to try and change the text color of non-hovered text when it's over the background image to be white. Anybody have insight on this problem?

@edgrbnz Cool! I've been searching through the forums like crazy but haven't found another thread that really addresses the issue. I'll keep searching but if anybody has further light to shed I would really appreciate it!

Hey, so I'm wondering if it's possible using +text and messing with the source code to create a website that behaves like this: image url)

Essentially when you hover over the project name, then the image corresponding to the project will appear.

I know how to accomplish the effect so that the image only appears when you hover over the text, but I'm not sure how to accomplish this effect within the gridder environment--is it possible?

Please let me know if I can clarify in some way!

@mariusjopen
Hi! the only active plugins we use are: WP Super Cache, WPForms Lite, and Lay theme Carousel. We use custom code to create out homepage animations that you'll see at lookstudios.com, plus some css and html codes for linked image hover effect, as you'll see at the end of this project. I did noticed that the plug-in was reported to have been tested with our current wordpress version 5.2.1 (attached photo below)

I just installed the Lightbox plugin and when im in lightbox, the images kept sliding back and forth automatically even if I'm not moving or clicking anything.

heres a link to a project page of ours for reference

https://www.lookstudios.com/costa-brazil/

thank you for your help!

Hi Guys,

My phone grid has a bug and shows up like this sometimes. and even when i refresh, log in and out it doesnt de-bug. It happens randomly. the only way to fix it is to delete pone layout and re-do it. which is very inconvenient for every-time i need to make a change. I took some screenshots for ur references.

the bug:

How it should look:

Lmk if anyone are experiencing the same thing, or if theres a way to fix this.

Thanks so much!