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 on header

Background color on header

Scheduled Pinned Locked Moved General Discussion
7 Posts 3 Posters 1.3k 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
    F
    francesco_migl
    wrote on 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
    • mariusjopenM
      mariusjopenM
      mariusjopen
      Global Moderator
      wrote on 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
        F
        francesco_migl
        wrote on 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
        • edgrbnzE
          edgrbnzE
          edgrbnz
          wrote on last edited by edgrbnz
          #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
            F
            francesco_migl
            wrote on 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
            • edgrbnzE
              edgrbnzE
              edgrbnz
              wrote on 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
              • mariusjopenM
                mariusjopenM
                mariusjopen
                Global Moderator
                wrote on 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

                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
                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