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. Background color mobile

Background color mobile

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

    Hello!

    When I edit the phone-layout and change the footer-color via "Set background Color" it does not apply... can you help?

    Thanks!

    1 Reply Last reply
    0
    • RichardR Offline
      RichardR Offline
      Richard
      Global Moderator
      wrote on last edited by
      #2

      Dear @bbbfg

      Are you able to post a link to the page/footer. We can then determine whats blocking the background colour. Any screenshots may help too šŸŒ


      Best wishes
      Richard
      B 1 Reply Last reply
      0
      • RichardR Richard

        Dear @bbbfg

        Are you able to post a link to the page/footer. We can then determine whats blocking the background colour. Any screenshots may help too šŸŒ


        Best wishes
        Richard
        B Offline
        B Offline
        bbbfg
        wrote on last edited by bbbfg
        #3

        @Richard sorry, I meant all of the background-color, not just the footer :/

        No background-color on mobile-version here.

        1 Reply Last reply
        0
        • RichardR Offline
          RichardR Offline
          Richard
          Global Moderator
          wrote on last edited by
          #4

          Dear @bbbfg

          The background colour is applied to the body twice:

          body, .hascover #footer-region, .cover-content, .cover-region {
              background-color: #a71616;
          }
          
          body {
              background-color: white;
              transition: background-color 300ms ease;
              min-height: 100%;
              margin: 0;
              width: 100%;
          

          The first background colour is applied via > Customize > Background >
          Normally when applied this takes precedent.

          Have you tried changing these settings?
          Have you used any custom code to apply a Background colour?


          Best
          Richard
          B 1 Reply Last reply
          0
          • RichardR Richard

            Dear @bbbfg

            The background colour is applied to the body twice:

            body, .hascover #footer-region, .cover-content, .cover-region {
                background-color: #a71616;
            }
            
            body {
                background-color: white;
                transition: background-color 300ms ease;
                min-height: 100%;
                margin: 0;
                width: 100%;
            

            The first background colour is applied via > Customize > Background >
            Normally when applied this takes precedent.

            Have you tried changing these settings?
            Have you used any custom code to apply a Background colour?


            Best
            Richard
            B Offline
            B Offline
            bbbfg
            wrote on last edited by
            #5

            @Richard said in Background color mobile:

            background-color: white;

            Yes, I am using different bg-colors on so pages. So i set the "overall" color to "white" via the customizer and set the BG on the Homepage to another color. It works on Desktop but not on mobile.

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

              Dear @bbbfg

              I am sorry for delay in reply, am i correct that now the Background color on both Desktop and Mobile are working?


              Have a wonderful day 🌻
              Richard
              B 1 Reply Last reply
              0
              • RichardR Richard

                Dear @bbbfg

                I am sorry for delay in reply, am i correct that now the Background color on both Desktop and Mobile are working?


                Have a wonderful day 🌻
                Richard
                B Offline
                B Offline
                bbbfg
                wrote on last edited by
                #7

                @Richard yes, I have made some css-adjustments and called the page-id — it works now :)

                thanks!

                1 Reply Last reply
                0
                • RichardR Offline
                  RichardR Offline
                  Richard
                  Global Moderator
                  wrote on last edited by
                  #8

                  Thanks @bbbfg awesome šŸ‘

                  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

                  Our Web Development company: 100k.studio

                  Want to tip me? https://www.paypal.com/paypalme/arminunruh

                  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
                  R
                  Remco van Dun
                  K
                  KW1
                  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