Lay Theme Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Users
    • Search

    X - Close Button

    Installation Problems
    2
    2
    699
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • B
      boehmi last edited by arminunruh

      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

      1 Reply Last reply Reply Quote 0
      • arminunruh
        arminunruh Global Moderator last edited by 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.

        1 Reply Last reply Reply Quote 0
        • First post
          Last post

        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

        Thanks!

        Online Users

        M
        E
        R

        Recent Topics

        • T

          thumbnail grid categories fixed.

        • L

          BLEND MODE ON MOBILE

        • A

          A modal/pop up window displaying extra info

        • Carousel is not showing

        laytheme.com