but it also happens with images. the fullscreen slider centers first and with the next click or scroll it jumps to the top.

it will fit right into the browser height

i think what you're look for is subcategories

lay theme doesn't support subcategories :/
also no third party plugin will change that

hey! link?

@arminunruh will do, thanks!

you mean the project thumbnail hover right

.no-touchdevice .thumb:hover .ph, .touchdevice .thumb.hover .ph { -webkit-filter: blur(20px); -moz-filter: blur(20px); -ms-filter: blur(20px); -o-filter: blur(20px); filter: blur(20px); }

Thank you

oh my … thank you very much. it was to easy …

there is no carousel addon for the laygridder plugin

The accordion function to display or name my text

i think there is no accordion functionality in lay theme or laygridder

shortcode - yes

acf - yes with laygridder

acf doesn't work with lay theme

hey man!

js like

<script> jQuery(".blue").on("click", function(){ jQuery("body").attr("data-bg-color", "blue"); }) </script>

css like:

body[data-bg-color="blue"], body[data-bg-color="blue"] #grid, body[data-bg-color="blue"] .cover-region-desktop .cover-inner, body[data-bg-color="blue"] #footer-region, body[data-bg-color="blue"] #custom-phone-grid, body[data-bg-color="blue"] .cover-region-phone .cover-inner { background-color: blue; }

then of course you'd need to add some html for your blue button and style it
in "custom html at bottom"

<div class="blue"></div>

css:

.blue{ position: fixed; bottom: 20px; left: 50%; z-index: 10; transform: translateX(-50%); }

something like that

and then you'd need to create more buttons, not just blue

hey i think i answered you right?

The mix-blend-mode CSS property sets how an element's content should blend with the content of the element's parent and the element's background.

i guess the html structure must be different for this to work as you would like

there's nothing you can do here

ah

dont use a stack element

insert an image, click on it, at the top click "edit caption".
then click the button "<>" source code

then insert this code:

<p>Left Text</p><div class="right lay-textformat-parent"><p>Right Text<br />Second Line</p></div>

then in lay options -> custom css & html

for custom css enter:

.right{ position: absolute; right: 0; top: 0; } .caption{ position: relative; }

I see, try this css, this will make the space between menu points percentage based.
So the space between them will get smaller when you resize the window so it wont overlap.

you might want to adjust 10vw to a lower value.

nav.primary li{ margin-right: 10vw; } nav.primary li:last-child{ margin-right: 0; } nav.second_menu li{ margin-right: 10vw; } nav.second_menu li:last-child{ margin-right: 0; }

you can activate the option "never show resized versions of images" in lay options

jQuery(".caption").offset({left: e.pageX + 10, top: e.pageY + 10});

Thanks for your reply Armin, I must not have seen the notification.

I also thought about changing it to one of the used categories but this would mean it still shows up in both grids, so also the one it shouldn't with other subjects. Which would be out of my control.

Luckily!!! it seems to be fixed since the last WP update? It no longer shows in the overview, and the filter selection is identical to what I've set up in the gridder. So all good for now!

@arminunruh all working now, thanks for your help !!!