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. Background color on header

Background color on header

Scheduled Pinned Locked Moved General Discussion
7 Posts 3 Posters 424 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
    francesco_migl
    wrote on Aug 10, 2019, 12:35 PM last edited by
    #1

    Hi, is there a way to set the background color of the site title? I mean, not the logo image but the entire header as you can see here www.openartweek.com

    1 Reply Last reply
    0
    • M Offline
      M Offline
      mariusjopen
      Global Moderator
      wrote on Aug 12, 2019, 8:44 AM last edited by
      #2

      Dear @francesco_migl
      with CUSTOM CSS this is all possible.

      Best!

      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • F Offline
        F Offline
        francesco_migl
        wrote on Aug 30, 2019, 3:56 PM last edited by
        #3

        Yeah, but i'm sorry i'm ot able to do it. I mean, beacuse my nav bar is in the bottom, i'm not alowed to set the background color to the logo bar.

        1 Reply Last reply
        0
        • E Offline
          E Offline
          edgrbnz
          wrote on Aug 30, 2019, 4:01 PM last edited by edgrbnz Aug 30, 2019, 12:08 PM
          #4

          🤔

          That top bar is just transparent – is this what you want to achieve?
          I didn’t check if that option is available in the customiser.

          If «Yes» you should be able to just set the color to transparent in there

          If «No» just try this in you custom CSS:

          .navbar {
              background-color: transparent;
          }
          

          Cheers!

          ✦ ✦ ✦

          1 Reply Last reply
          0
          • F Offline
            F Offline
            francesco_migl
            wrote on Aug 31, 2019, 9:25 AM last edited by
            #5

            Well, I try to be more specific.
            I need the top bar to be full background color, not transparent.
            But that css doesn't work for me because my menu bar is at the bottom of the page.
            So, I was wondering if theres a way to set the top bar with a white background even if there's only the logo into it.
            Thanks!

            1 Reply Last reply
            0
            • E Offline
              E Offline
              edgrbnz
              wrote on Sep 2, 2019, 7:40 AM last edited by
              #6

              Yes!
              You could easily set the top bar to be full white in the customizer:

              0_1567409186336_Customize__Moritz_Welker.jpg

              The CSS worked perfectly fine for me in the dev console on your website, though:

              .navbar {
                  background-color: transparent;
              }
              

              0_1567410029988_Window_and_DevTools_-www_openartweek_com_about-2__and_OPEN_ART_WEEK—_ABOUT.jpg

              ✦ ✦ ✦

              1 Reply Last reply
              0
              • M Offline
                M Offline
                mariusjopen
                Global Moderator
                wrote on Sep 2, 2019, 10:35 AM last edited by
                #7

                Dear @francesco_migl
                or you create a div with CUSTOM HTML and give it a colour and place it on top of the page with position fixed.

                Best!

                Marius

                www.mariusjopen.world

                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
                A
                alasdair17
                2 minutes ago
                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