Hi @Eightmuro8
ok. I see.

I would make it differently.

I would make an extra page and put everything in what you want to have on the overlay page.

Then you define this page as a footer of another page.

With CSS you can give that footer a

position: fixed; top: 0px, left: 0px, width: 100vw, height: 100vh;

I hope that helps!

Best!

Marius

HI @adam
by right clicking on an image you can give it a class. Then you can apply the CSS only to that class.

Yes. Of course. The image with get bigger because of the "frame".

You need to work with that – or you make the frame as a part of the image.

The solution I proposed is more a workaround – because this is not a very common thing to do.

Best!

Marius

Thank you so much! I will def try that :-)

Hi @fm
Except putting a logo in – no way until now.

Bst!

Marius

Hi @KIM
there must be plugins for that. I don't know which one.

But you can try many.

All the best!

Marius

Hi @Susi

That is also possible without plugin.

Have a look here:

0_1509965789844_Bildschirmfoto 2017-11-06 um 11.51.52.png

You set a background picture

0_1509965807612_Bildschirmfoto 2017-11-06 um 11.52.05.png

You make the height of the row the browser height

0_1509965832494_Bildschirmfoto 2017-11-06 um 11.52.13.png

That will look like this

0_1509965847769_Bildschirmfoto 2017-11-06 um 11.52.46.png

You give the first row a class called background

0_1509965865012_Bildschirmfoto 2017-11-06 um 11.53.12.png

You make a second row with some content.

0_1509966067706_Bildschirmfoto 2017-11-06 um 12.00.38.png

You give that row the class: second-row

.background { position: fixed; top: 0px; margin: 0px; left: 0px; width: 100vw; } .second-row { margin-top: 100vh; }

You add this to your Custom CSS code.

DONE!

I hope that was easy to understand :-)

Best!

Marius

Thank you! Useful to know

Thanks for the tip!

Hi @mariusjopen
Ok, I see, no problem.
And yes after the last update videos are working fine- thanks!
Best,
D.

Hi @matous
can you send us a screenshot of the problem?

Then it is easier to understand.

Best!

Marius

@mariusjopen

I'm talking about what you see in the browser tab:

0_1509357427467_Bildschirmfoto 2017-10-30 um 10.56.28.png

Ok, I will search a plugin... or find an other way

Thank you

Hi @Mak

Just to get you right.
You are talking about gradients or transitions?
What about putting a gradient image as hover-image for the project thumbnails?
Otherwise you can also try do add a CSS gradient.

You can add a CSS gradient to any div-box you like in the Custom CSS section.

Have a look at CSS gradients here:
https://www.w3schools.com/css/css3_gradients.asp

let me know if you have more specific questions – or post a link to your website.

Best!

Marius

hi @mariusjopen,

Thank you for your help and explanation.

Best

Hi Guys, any idea for doing the same with the site img? I am using an image instead of a text.
I will need to use a different logo color (black or white) for each page or project.
Thanks!!

@mariusjopen said in how to embed P5.js sketches:

Iframe is not a solution, I assume?

Hi Marius,

Thanks for the quick revert. Im not very familiar with the HTML/CSS, but can manage some basic stuff in this medium. Could you elaborate a bit on the iframe?

Thanks,
Sunil

Have a look here:

<script> jQuery(function () { if (jQuery(window).width() > 600) { // YOUR CODE HERE } jQuery(window).on('resize', function () { if (jQuery(window).width() > 600) { // YOUR CODE HERE } }); jQuery(window).on('resize', function () { if (jQuery(window).width() <= 600) { // YOUR DISABLING CODE HERE } }); }); </script>

Maybe you need to adjust it with this:
http://laytheme.com/documentation.html#custom-javascript

But that should cover it.

Best!

Marius

Hi @joshujoshu
There is no official way to do it.

You have roughly 2 options:

You move the title or a div with the title on top of the site description.
Using CSS. Maybe even hide the site description.

Use jQuery to replace the site description with the title. It is possible. Not very very complicated. But might be a bit tricky if you are a beginner.

Let me know how I can help!

It helps us also to see the website of yours.

Best!

Marius