Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Brite
  • 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. CHANGE BACKGROUND PROPERTIES

CHANGE BACKGROUND PROPERTIES

Scheduled Pinned Locked Moved General Discussion
6 Posts 2 Posters 1.1k Views 1 Watching
  • 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.
  • G
    G
    giselach
    wrote on last edited by
    #1

    Hello I am trying to change the properties of my background image (which is now a svg). I thought about giving it a class, but I really don't know how. what I want to achieve is a mix of something like this:
    https://ausstellungsraum.ch/
    https://rijksakademie.nl/en/open-archive

    either make the svg transparent and with shadows or having. a transparent svg that mimics the "web's content"

    Thanks!!!!

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

      https://rijksakademie.nl/en/open-archive

      ok so this,

      put an svg or a png on your website in lay options → custom css & html
      use a png cause svgs cant have shadows/gradients i think :D

      in html at bottom for example

      use css to make it fullscreen and make it have a big zindex so it overlays everything

      then use pointer-events: none; so the image is not clickable

      1 Reply Last reply
      0
      • G
        G
        giselach
        wrote on last edited by
        #3

        helly Armin! thanks for your answer!! i guess that when you say to use pointer-events:none; you referring just for the background, but how can I specify that is just for the image and not for everything that lies within the body{} section?

        1 Reply Last reply
        0
        • G
          G
          giselach
          wrote on last edited by
          #4

          I have done it already but now in the mobile version it pops sort of an error:
          IMG_F2CF32CE5A8D-1.jpeg

          I cannot see it badly on desktop/customizer but when I am at mobile (chrome) it fails

          now the image is a png.

          tha website is http://chimaeren-verlag.de/

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

            hey there!

            please learn some css i dont have so much time :/

            like

            i guess that when you say to use pointer-events:none; you referring just for the background, but how can I specify that is just for the image and not for everything that lies within the body{} section?

            use a css selector and html class

            https://web.dev/learn/css/

            there are many resources out there to learn this

            1 Reply Last reply
            0
            • G
              G
              giselach
              wrote on last edited by
              #6

              done! thanks!

              1 Reply Last reply
              1

              Hello! It looks like you're interested in this conversation, but you don't have an account yet.

              Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

              With your input, this post could be even better 💗

              Register Login
              Reply
              • Reply as topic
              Log in to reply
              • Oldest to Newest
              • Newest to Oldest
              • Most Votes


              Online Users
              K
              kp-hb
              D
              Dawid
              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