@mariusjopen said in Back To Top Button:
10000
Hi Marius,
thanks a lot again for your answer.
Unfortunately it doesn´t work by rising the z-index to 10000.
Any other suggestions?
Jan*
Hi @kpxjackson
With a lot of coding and workarounds – maybe.
But no. If you want to have something fluid like this – LayTheme is not the way to go.
That looks like some unique coding.
Best
MArius
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
Hi @Susi
That is also possible without plugin.
Have a look here:
[image: 1509965790800-bildschirmfoto-2017-11-06-um-11.51.52-resized.png]
You set a background picture
[image: 1509965807897-bildschirmfoto-2017-11-06-um-11.52.05.png]
You make the height of the row the browser height
[image: 1509965834713-bildschirmfoto-2017-11-06-um-11.52.13-resized.png]
That will look like this
[image: 1509965847951-bildschirmfoto-2017-11-06-um-11.52.46.png]
You give the first row a class called background
[image: 1509965866538-bildschirmfoto-2017-11-06-um-11.53.12-resized.png]
You make a second row with some content.
[image: 1509966068074-bildschirmfoto-2017-11-06-um-12.00.38-resized.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
@mariusjopen
I'm talking about what you see in the browser tab:
[image: 1509357427733-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
