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:

Screen Shot 2022-05-23 at 11.57.29 AM.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:
Screen Shot 2022-05-20 at 12.42.29 PM.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 🌝

Dear @Eddy Nice looking website ⭐️

In most cases, Mobile will take your Content and stack the elements on top of each other because this works dimensionally.

Have you looked into creating a "Custom Phone Layout"?

https://laytheme.com/documentation/custom-phone-layouts.html

This may a solution for you to get Projects next to each other 🌝

Best Richard

@Richard said in Youtube Cookies / Always Set even if I don't use them?:

@arminunruh !

Thank you very much! Have a good time!

@Richard

Thank you so much Richard! I will try it :)

Tank you!

Dear @edgrbnz @Financial

Have added to the development noted & forwarded to Armin 🌝

Best Richard