X - Close Button
-
Hello @Armin-Unruh,
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 -
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.
I don't answer or check forum DMs, please just post on the forum.
Try this to fix issues before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. Now see if your problem solved itself
5. Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it