Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. General Discussion
  3. How to set a close icon "x" in the carousel?

How to set a close icon "x" in the carousel?

Scheduled Pinned Locked Moved General Discussion
9 Posts 4 Posters 94 Views
  • 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 Offline
    B Offline
    Bastion
    wrote on last edited by
    #1

    Hi,
    I use the standard carousel addon to show images in a slide show. I would love to show a close icon in x-shape at the side to allow visitors to quit the carousel in a simple intuitive way and to fall back on the main menu.
    I can't find a solution for it.
    Any help appreciated.
    Thanks

    1 Reply Last reply
    0
    • F Offline
      F Offline
      felix_rabe
      wrote on last edited by
      #2

      can you show us a screenshot or a link?

      1 Reply Last reply
      0
      • B Offline
        B Offline
        Bastion
        wrote on last edited by
        #3

        Sure:
        https://archphot.com/photography/

        1 Reply Last reply
        0
        • B Offline
          B Offline
          Bastion
          wrote on last edited by
          #4

          Bildschirmfoto 2024-12-19 um 14.08.00.jpg Bildschirmfoto 2024-12-19 um 14.08.12.jpg

          1 Reply Last reply
          0
          • A Offline
            A Offline
            alasdair17
            wrote on last edited by alasdair17
            #5

            hey, you could maybe add a caption to each image on the carousel and place it to the right hand side and within the caption type 'close' or 'x' and then link it back to your front page or photography page?

            1 Reply Last reply
            0
            • arminunruhA Offline
              arminunruhA Offline
              arminunruh
              Global Moderator
              wrote on last edited by
              #6

              hey peter!
              use projects overlays feature:
              https://laytheme.com/documentation/projects-overlays.html

              1 Reply Last reply
              0
              • arminunruhA Offline
                arminunruhA Offline
                arminunruh
                Global Moderator
                wrote on last edited by
                #7

                use this css to put the overlay x close icon to the bottom right:

                .close-projects-overlay{
                top: auto!important;
                left: auto!important;
                right: 0px!important;
                bottom: 0px!important;
                padding-right: 20px!important;
                padding-bottom: 20px!important;
                }
                
                1 Reply Last reply
                0
                • B Offline
                  B Offline
                  Bastion
                  wrote on last edited by
                  #8

                  Thanks arminunruh. That did the job!

                  1 Reply Last reply
                  1
                  • arminunruhA Offline
                    arminunruhA Offline
                    arminunruh
                    Global Moderator
                    wrote on last edited by
                    #9

                    really nice website u did there!

                    1 Reply Last reply
                    0
                    Reply
                    • Reply as topic
                    Log in to reply
                    • Oldest to Newest
                    • Newest to Oldest
                    • Most Votes


                    I also code custom websites or custom Lay features.
                    šŸ’æ Email me here: šŸ’æ
                    info@laytheme.com

                    Before you post:
                    1. When using a WordPress Cache plugin, disable it or clear your cache.
                    2. Update Lay Theme and all Lay Theme Addons
                    3. Disable all Plugins
                    4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                    This often solves issues you might run into

                    When you post:
                    1. Post a link to where the problem is
                    2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                    3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                    Online Users
                    Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                    laytheme.com
                    • Login

                    • Don't have an account? Register

                    • Login or register to search.
                    • First post
                      Last post
                    0
                    • Recent
                    • Tags
                    • Popular
                    • Users
                    • Search