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. Giving a link to a background image

Giving a link to a background image

Scheduled Pinned Locked Moved General Discussion
4 Posts 2 Posters 414 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.
  • F Offline
    F Offline
    fm
    wrote on last edited by
    #1

    Hey guys,

    I wanted to say thanks very much for the theme and the support you have been giving. Hopefully I am not too far from launching my website !

    One of my last questions is: How do I give a link to a background image, so that it goes to another page on my website?

    I was previously trying to make the carousel addon fullscreen, but none of the code I was using was making it fullscreen in the way that laytheme's background image feature works (if you do happen to know some magic code that would do this for carousel, then I guess this would also solve my problem).

    Thanks once again for your help!

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

      @mariusjopen do you have any ideas?

      1 Reply Last reply
      0
      • mariusjopenM Offline
        mariusjopenM Offline
        mariusjopen
        Global Moderator
        wrote on last edited by
        #3

        Hi @fm

        Put this in your Custom CSS code:

        #fullscreen img {
            width: 100vw;
            height: 100vh;
            top: 0px;
            left: 0px;
            position: fixed;
            object-fit: cover;
        }
        

        Give one image in the gridder the ID fullscreen:
        0_1515704695546_Bildschirmfoto 2018-01-11 um 19.04.31.png

        And link the image:
        0_1515704704993_Bildschirmfoto 2018-01-11 um 19.04.39.png

        I hope I could help :-)

        Many wishes!

        Marius

        www.mariusjopen.world

        1 Reply Last reply
        0
        • F Offline
          F Offline
          fm
          wrote on last edited by
          #4

          Great, thank you!

          1 Reply Last reply
          1
          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
          A
          alasdair17
          J
          julienbarbes
          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