Dear @emgeoffice Amazing! really happy to hear it worked, have a wonderful day and of course thank you as always for supporting Lay Theme ⭐️ sincerely Richard

Dear Lukas @gala "EVERYTHING WORKS AGAIN - Thanks for the Help and Hints" Amazing! ⭐️ thanks for the update and have a wonderful day! Best Richard

Dear Simon @Simonabele Sorry that i wont be able to go into custom coding deeper with you at the moment, but you are doing awesome 🌝 The class show must also be added to the correct image in the container as well, it also has an opacity:0. You might also want to just work with the current code native to Lay Theme and stop it's remove class from the source. ( not really meant to suggest this but changing source code...) best Richard

Thanks @spontans good luck! ⭐️

Thanks @bbbfg awesome 👍

Hi Richard, thanks again for your reply - I'm not sure if your latest reply means that the problem should be fixed now, or not? You say you were able to recreate the bug in Chrome, but were you able to fix it as well? I've just tried setting the "Give elements a max-width and max-height and center them" option to 80% to see what would happen and nothing seems to change : the images in the fullscreen slider stay fullscreen and don't get adjusted to 80% width / height. Do you think that has something to do with it the anchor issue? Or am I misunderstanding your suggestion? I've also tried with this setting switched off, the anchor issue persists. The "Anchorscroll Space Top for Desktop" & "Anchorscroll Space Top for Phone" are both set to zero so that should not give any issues. It would be great to get a clear overview of the most optimal settings to solve this bug in Chrome - thanks in advance!

Dear @willowj The Tagline region can be targeted with the following code: .tagline { // insert desired CSS here } And you can add padding in two different ways, the short hand way: padding: 0px 20px 0px 20px; This works on a compass, so North, east, south, west - (or top, right, bottom, left) north 0px, east 20px, south 0px, west 20px And long-hand or individual paddings: Padding-left:20px; Padding-right: 20px; Details here: https://www.w3schools.com/css/css_padding.asp For example: .tagline { padding-bottom:20px; padding-left:20px; } Custom CSS can be added via: Lay Options > Custom CSS & HTML > Custom CSS https://laytheme.com/documentation/custom-css-styling.html Have a wonderful day @willowj 🌻 Richard

Dear Nathan @nm Yes this will be a bit tricky but you can get there, you can apply a nice blur using back-drop-filter:blur : https://www.w3schools.com/cssref/css3_pr_backdrop-filter.asp Result: [image: 1653263872139-screen-shot-2022-05-23-at-11.57.29-am-resized.png] This is good when the Navbar is not interacting with another element behind it to blur off, i noticed this when using the standard 'filter:blur'. The tricky part is the box-shadow but this thread outlines a possible solution: https://stackoverflow.com/questions/52140378/using-a-shadow-together-with-backdrop-filter-blur Even better would be to use the Blur function and Drop shadow in the same, for example with the backdrop filter you can apply multiple settings: .element { backdrop-filter: grayscale(0.5) opacity(0.8) /* ...and on and on... */; } Outlined here: https://css-tricks.com/almanac/properties/b/backdrop-filter/ So you could have blur and drop shadow together within the backdrop filter. Best wishes and good luck! ⭐️ Richard

Dear Jan @Jan This is not possible at the moment with standard Lay Theme functions unless you used the Imagehover Addon with an image that was text. It would need to be custom coded and this link will may help you in the right direction, the same logic applies 🌝: http://laythemeforum.com:4567/topic/6087/imagehover-on-element-grid-lightbox-on-carousel https://laytheme.com/documentation/custom-css-styling.html Best Richard

Dear @otto Are you using a Custom Phone layout and the video has not been set? Also when adding a video to row background the info is given: "The placeholder image is used on mobile devices that do not support inline autoplaying videos." Maybe this is why. I am able to add an .mp4 Video via > Customize > Mobile > Background > Video and also working through the Gridder Row background video. "and if i use Rowbackround Video i cant use one Video for all content...." If doing this from the Gridder then you will need to apply it to all Gridder's. I would suggest you try a different .mp4 video without sound as a test & also make sure of the following: 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. Best wishes Richard

thank you very much!

Yes, exactly, thank you! :)

Dear @MES Am i correct that we emailed together about this? 🌝 Best wishes Richard

Dear @tali This would be possible with Custom CSS, targeting the Imagehover region and the images that sit inside it: [image: 1653007395330-screen-shot-2022-05-20-at-12.42.29-pm-resized.png] https://laytheme.com/documentation/custom-css-styling.html The lay-Imagehover-region is the parent container and the children images are called lay-image-responsive The images order in the container should match the order the links appear on the page. Because all the images sit in the same parent container and do not share different classes i would use the nth-child selector: https://www.w3schools.com/cssref/sel_nth-child.asp If you have 4 images in the first section and 5 in the second section then you know to target the last 5 and apply your 'small image' css. The following code is saying within the imagehover region (.lay-imagehover-region) target all images from the 5th: .lay-imagehover-region img.lay-image-responsive:nth-child(n+5) { // insert desired CSS here } hope this helps Tali & best wishes 🌝 Richard

Dear @micheleiacca Have replied to your email 👍 Best Richard

@Richard Yes, the bug happens randomly and only on mobile from the instagram application. When the scroll is freezing, you have to reload the page to make it work but it's not very convenient. Thanks you for your response, hope you can find a solution.

Dear Barry @barrybianco Thanks for the reply, i don't quite understand sorry, but i appreciate your description: "because I would keep the text in 1 line and its change a lot depend of the size of the navigator." As for the second question, you have this font "Carmensin Headline Regular" and the font-size has been set to 150px. px or 'pixels' are a fixed unit. They will not change based on browser size etc, so if the browser is smaller they are forced to move and occupy a different space. I would suggest looking into the use of % 'percentage' as this is a variable or responsive unit. This means that it will shrink or grow depending the size of its parent container. It's Parent container will most likely also resize with the browser so the font should resize too! 🌝 You can change the unit from 'px' to '%' in text formats. Looking into other responsive units will help as well such as 'vw' & 'vh': https://www.w3schools.com/cssref/css_units.asp Best wishes Richard

Thanks @hanna have a wonderful day 🌝