X - Close Button

boehmi

i want to integrate a "x-Button" (close-Button) on all my Project pages. The idea is that when you opened a project thumbnail you've got the possibility to close it. I want to have on all projects on the top left corner a cross (png-Image) and when you click it you always get to the previous page. Could you please explain how to do this with custom css. I made a little test site here, but i don't get it, to integrate the x-close-function: http://boe2.de/arbeiten (overview of the project)
http://boe2.de/test_projekt/ (project - expample)

Thanks a lot! Greetings
boehmi

arminunruh

hey bohemi!

"lay options" -> "custom css & html" -> custom html at top

<a class="close-button" href="http://boe2.de/arbeiten/"><img src="http://boe2.de/wp-content/uploads/2017/03/Button_rechts_cross_v2.png"/></a>

"custom <head> content":

<style>
.close-button{
display: none;
}
body.type-project .close-button{
display: block;
position: fixed;
top: 20px;
left: 20px;
z-index: 10;
width: 20px;
height: 20px;
}
.close-button img{
width: 100%;
}
</style>

This is a simple example, I admit to do this properly you would need some html and css experience as this is not a standard feature by lay theme but probably it should be somehow.

Lay Theme Forum

X - Close Button

Before you post:

When you post:

Online Users