Lay Theme Forum

So I think for this, you will have to unsync the text elements or you would have to write custom CSS. .type-text > * { text-align: left!important; } .type-text p[style], .type-text h1[style], .type-text h2[style], .type-text h3[style], .type-text h4[style], .type-text h5[style]{ text-align: left!important; } Enter this css in "lay options" -> "custom css & html" -> "custom css for mobile"

No problem, I'm happy to help.

Yeah, with the next update, when creating a custom phone layout, the background color will be copied over.

and u have to enable the news feature first in lay options

The changes that I'm making have interfered with your website working correctly a few times now. Maybe it's easier if you don't update Lay Theme for now and just like Disable auto updating. If there are some Lay Theme updates you can read through the update texts on laytheme.com version info. And then you can decide if any of the new changes are things that you really need for your website and only update then.

Thanks, Armin, I appreciate the suggestion to use an SVG for the "Close" label. That could work as a temporary solution, but it does introduce some challenges with consistency – especially in terms of sizing and alignment with the main typography, across different devices and screen sizes. A native text option would be much more flexible and scalable. Totally understand that this might not be a priority right now, but I’m glad you’ve noted it down. Looking forward to it if it ever makes it onto the roadmap! Thanks again!

Thanks a lot, Armin! It would be really nice to have these options in the future – especially being able to set the opacity for a background color. Looking forward to it whenever you find the time!

im happy it works for u!

Thanks, Armin. That did the trick!

Thanks, Armin. It's working like it did before. :)

lay theme downsizes images to all of these sizes: ['_4096', '_3840', '_3200', '_2560', '_1920', '_1280', '_1024', '_768', '_512', '_265'] it uses wordpress' php functionality to do the resizing. quality and thus images size can be set in: [image: 1745412667884-screenshot-2025-04-23-at-14.51.02.png] image quality. nothing else can be done there. but if you use a plugin like https://wordpress.org/plugins/webp-converter-for-media/ it will load all these images as webp resulting in a lower image size

.lay-overlay>.lay-content{ background-color: transparent; } .lay-overlay>.lay-content #grid{ background-color: rgba(255,255,255,0.9)!important; } maybe it could be good to learn how to use the browser inspector and how to create custom css for you with the browser inspector you can see which html elements are on a page and what css is currently applied to them. then in there you can change the css live to get a preview of what css would nee to be written to change how things look, pls google that

Thanks, Armin, for the fix! It works perfectly!

no its not possible using cursor css its a restriction by browsers you might be able to find a javascript way to move a html element along your mouse you can try to google it or use chatgpt its a combination of js, css and html that can make this possible, but its a little hard to do without coding experience

no its not possible sorry

u're using a custom svg image as the close icon i cant put a hover color on this with custom css i think

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;