Lay Theme Forum

@felix_rabe: Thanks for your quick reply. I fixed what I needed, but now there seems to be a bug with the two-column layout. See attachments.

Scherm­afbeelding 2025-03-19 om 14.33.25.png
Screenshot backend

Scherm­afbeelding 2025-03-19 om 14.35.22.png
Screenshot frontend

If I only use the second column, then there is no problem. See the additional text below (on mobile):

Social media
LinkedIn
Instagram
Pinterest

I don't understand this.

URL website:
https://dev.rickangenent.nl/

no its not possible sorry

Ah, okay, thanks. I need it for the page overlay that is activated when the Lightbox is active.

https://ninetkaijser.nl/series/micro/

I’ve set my margin using the following code:

@media (min-width: 601px) { body.lightbox-css-on .close-lightbox { padding: 48px !important; } }

A hover state that changes to white would be nice.

the settings "project thumbnails" in customizer can change the mouseover appearance of a project thumbnail.

you can add a project thumbnail to an elementgrid.

whether you add a project thumbnail to an element grid or directly to the gridder;
both will have the same styling based on the customizer settings

but please note that if you just add an image via +image and link it, thats not the same as a project thumbnail element

Ah, of course! I can use a 6-column layout—2/6 for the 3-column setup and 3/6 for the 2-column one. Apologies for not thinking of this earlier, probably just need a bit more sleep. ;)

you can use custom css

.caption.lay-textformat-parent >*{ font-family: HM-001-010GX; color: #000000; letter-spacing: 0em; line-height: 1.2; font-weight: 400; text-transform: none; font-style: normal; text-decoration: none; padding: 0; text-indent: 0em; border-bottom: none; text-align: left; font-size: 25px; margin: 0px 0 15px 0; }

use !important in case some css doesnt take effect like

color: red!important;

Just activated the phone layouts for all the pages, so now they have consistent spacing. :)

the reason is its not possible to set a category page as the frontpage with the normal wordpress way.

and with the way i coded it for laytheme, you can also set the category page as a frontpage.

Thanks, Armin! Option 2 from the first link worked for me.

Specifically, this approach:
Do not select both the parent AND subcategory. When editing the post, choose only the child category (subcategory) you want it to be listed under.

Note:
The other method doesn’t seem to work—I can’t set one of the categories as Primary. That would feel like the most logical way to me. Is this something you could consider for a future update, or is there a setting I need to adjust myself?

Specifically, this approach:
Alternatively, you can select both the Parent AND Child category but you will need to make the child category marked as primary.

yes!

right click the row in the gridder.
click "set row html class and id"
and as class enter:

bgbottom

then use this css:

@media (orientation: landscape) { .bgbottom .background-image.background-image-count-1 img{ object-fit: fill!important; width: 100%!important; height: auto!important; left: 0!important; top: auto !important; bottom: 0!important; } }

Enter this css in "lay options" -> "custom css & html" -> "custom css"

not in "custom css for desktop"
(needs to be in custom css, because we use a media query here, and for desktop already has a media query applied to it)

we're using a media query for landscape browser, because if were on a portrait sized browser we dont want to use this css
because then a white gap could appear

its not supported because i didn't code it. it cant really be done easily without custom code :/

Thanks Armin! I will look into this. Looks like a good solution.

how about you choose "fixed height" for the carousel
and as height enter: 100vh

this means 100 viewportheight

if you have a gridder frame top set (the pink bar at the top) this pushes it down if its in the first row

you can also set the fixed height to
100vh - 50px

if for example your frame top is 50px

.slide-text{ padding-top: 50px; box-sizing: border-box; }

also add box-sizing: border-box; to the css so the padding top wont make it grow longer

hey there is no feature for this :/
if you have a budget for this, i can add it to lay theme though.
you can email me to talk about this more:

armin.unruh@gmail.com

Now it works! Thanks again Armin!

video{
opacity: 0!important;
}
video.loaded{
opacity: 1!important;
}

and if you try this code above instead?

Oh, got it! Thanks for the quick response, Armin!