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 make row background transparent

How to make row background transparent

Scheduled Pinned Locked Moved General Discussion
8 Posts 2 Posters 92 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.
  • W Offline
    W Offline
    wp_LayNerd
    wrote on last edited by
    #1

    Im not very skilled so pardon my ignorance..
    http://emetofobia.de/credits/

    I would like the credits (.png with white text on transparent background) scroll over the fixed video with the video still visible. But the black background of the row covers the video and making the row background color transparent (#ffffff) doesnt helb but only makey it white.

    Did I miss somtething?

    Anyway: Thanks a lot in advance!

    1 Reply Last reply
    0
    • arminunruhA Offline
      arminunruhA Offline
      arminunruh
      Global Moderator
      wrote on last edited by arminunruh
      #2
      .hascover #footer-region, .cover-content, .cover-region {
          background-color: transparent!important;
      }
      .cover-region-desktop.id-21 .cover-inner{
      background-color: transparent!important;
      }
      #grid.id-21 .row{
      background-color: transparent!important;
      }
      
      1 Reply Last reply
      0
      • arminunruhA Offline
        arminunruhA Offline
        arminunruh
        Global Moderator
        wrote on last edited by
        #3

        Enter this css in "lay options" -> "custom css & html" -> "custom css for desktop"

        1 Reply Last reply
        0
        • W Offline
          W Offline
          wp_LayNerd
          wrote on last edited by
          #4

          Wow, that was quick!
          And it totally solved it, amazing!
          Thank you very much!

          1 Reply Last reply
          0
          • W Offline
            W Offline
            wp_LayNerd
            wrote on last edited by
            #5

            Now anotther issue emerged on the Mobile versions: On Firefox everything is black like its supposed to be, while on Safari/Chrome all the backgrounds appear white..
            Any hint for a quick fix?

            1 Reply Last reply
            0
            • W Offline
              W Offline
              wp_LayNerd
              wrote on last edited by
              #6

              Ok, I solved the black/white issue..
              Only the initial problem is still there in the mobile version and putting the code above into "Custom CSS for Phone" doesnt fix it. What do I need to change?

              Thanks so much again!

              1 Reply Last reply
              0
              • arminunruhA Offline
                arminunruhA Offline
                arminunruh
                Global Moderator
                wrote on last edited by
                #7
                .cover-region-phone.id-21 .cover-inner{
                background-color: transparent!important;
                }
                #custom-phone-grid.id-21 .row{
                background-color: transparent!important;
                }
                1 Reply Last reply
                0
                • arminunruhA Offline
                  arminunruhA Offline
                  arminunruh
                  Global Moderator
                  wrote on last edited by
                  #8

                  i changed my first css that i posted at first. it seems like it made too many things transparent. ^^

                  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
                  J
                  JulianeEirich
                  dafvD
                  dafv
                  J
                  jacksong
                  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