individual text link color turns mouse-over off / frame around intro image / exception to width of content

[ivonnefehn]

Dear Lay Support Team,

I have 3 questions collected:

1. We are using different text colors throughout the website. Because it's impossible to define one color that matches all the text links, we'd love to keep all text links individual (including the underlining of course). I managed that by giving each text link its color directly in the gridder. But I still have the mouse-over ... as soon as I define a text color the mouse-over, that is defined in the customizer, is completely off. Is there a possibility to keep it? I#D define it in black for all text colors. (I guess individualizing its colors is no option – we are using about 5-7 colors).

2. We are using an intro image for the front page. And we'd love to have a 5% white Passepartout around. We tried that within the image but on different screens the passepartout of our image vanishes as the images is resized. Is there a possibility to define in CSS that there's always a 5% white frame around the intro image – so the intro image will be placed inside that frame no matter on what screen?

3. We defined in Lay Options the width of content to 1600 px. We would love to have one exception for a film that should appear on the whole width of the screen. I know I can work around it by using „set row video background“, too – but if there's a way to insert the film as a html video and still have it on total width we'd prefer that.

I hope my explanations are understandable and I'm looking forward to your answers.
Thank you for your support!

Best, Ivonne

[mariusjopen]

Dear @ivonnefehn
no worries:

1. I am sure you can address the specific links by giving those text boxes IDs to reach them better with CUSTOM CSS. Make use of :hover and !important.
   Stuff like that is for sure possible. You just have to work very clean and try to understand the CSS hirarchy and the hirarchy of the elements on the website.

2. You could build a white frame with CUSTOM CSS and HTML and hide it with jQuery when the intro gets removed.

3. Again with CUSTOM CSS you could stretch the video. Have a look into vh instead of px. Like this you can really stretch elements. Also have a look into object-fit.

Good luck!

Marius

[ivonnefehn]

Hi Marius, Thank you very much! I'll pass your information on to my „specialists“ – they always ask me to get your opinion first as you programmed the theme and before doing sth. that might interfere. Best, Ivonne

[mariusjopen]

Dear @ivonnefehn
thank you :-)
Armin coded the Theme. I help where I can :-)

Best!

Marius