Dear @billykioso

Have sent you a message via 'Chats'

Best wishes

Richard

Dear Aleks

@Aleksandar

"So I'm wondering how I could link different images to the same project."

Rather than duplicating each Project multiple times, i would suggest just making the layout in the Gridder and defining a link for them:

This method should give you the most control in the future should you decide to change something 👍

Thank you for supporting Lay Theme

Richard

Dear Fabi

@fabiandraxl

Thanks for the concise bug report. 👍
The following code should be 5% if that's what you defined in the "Set Frame" settings:

#grid .push-0.not-first-child {
    margin-left: 2%;
}

Here with it changed to 5% you get the correct result:

#grid .push-0.not-first-child {
    margin-left: 5%;
}

If you can confirm it's not a third-party plugin & its not your "Custom Head Content"

Will forward this to Armin ✅

Please send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

Best wishes ✨

Richard

Dear Alicja

@apako

Within the code:

#lightbox-inner .swiper-slide img {
    max-width: 60vh !important;
}

You can change the value from 60vh to whatever you need to fit the images how you like. I was not able to recreate the bug on any test site so i don't know why you have this issue. It could be the image files themselves but unsure sorry.

Sincerely

Richard

Dear @dbdb

Thanks for the message,|

I'd like the spacing on the left of the mobile screen to line up with the site title. Not have such large padding on the left.

If you cannot set the caption dimensions for Mobile because they are already set up for Desktop in a certain way, then the following code you can use to define the caption left padding:

.lay-carousel-sink-parent .single-caption {
    padding-left: 25px !important;
}

Also... the arrow position - I'd like that to have the same left and bottom margin as the site title on mobile, as it does on desktop.

You can define the left margin to be the same as your site title in > customize > Project arrows >

If the arrows are set to 'center' normally and need them set to 'bottom' on mobile this would need to be custom coded, something like:

.project-arrow.center {
    top: 90vh;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

You can see here the class .center this is applied if set to 'center' within the project arrow settings.

https://laytheme.com/documentation/custom-css-styling.html

Best

Richard

Thanks for the feedback @vonMatthias have forwarded ✅

Best

Richard

Dear Matthew

@lay great username 👍

The following code will target the background on hover.

.sitetitle:hover {
    background-color:black;    
}

You can change the text colour when hovering within > Customize > Site title >

I would suggest doing it there rather than using custom code 🌝

https://laytheme.com/documentation/custom-css-styling.html

Best wishes

Richard

Dear Amadeus

@schneiderbrett

If the following is true:

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.

And the settings have been properly applied:

Then this is likely a Bug and Armin will need to inspect:

Please send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

Best wishes

Richard

Dear @joanaflcarneiro

Have replied to your email 🌝

Best wishes

Richard

Thanks @edgrbnz have noted this feedback, have a wonderful day 🌝