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. customize menu bar

customize menu bar

Scheduled Pinned Locked Moved General Discussion
3 Posts 2 Posters 1.4k Views 2 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.
  • L
    L
    lve
    wrote on last edited by
    #1

    Hello,

    I'd like to customize the menu bar. Would that be possible?
    I'd like to fill it with a transparent raster or pattern, so the page underneath is a bit visible through the pattern.

    Can you help me with this?
    Thank you in advance!

    1 Reply Last reply
    0
    • mariusjopenM
      mariusjopenM
      mariusjopen
      Global Moderator
      wrote on last edited by
      #2

      Hi lve!

      With the Custom CSS you can add a background image to the Nav bar.

      .navbar {
          background-image: url(YOUR_IMAGE_URL.jpg) !important;
      }
      

      That will override the colour settings of the Navigation bar.

      Furthermore you can customize it here:

      0_1491925867078_Bildschirmfoto 2017-04-11 um 17.47.23.png

      Let me know if that worked for you!

      All the best!

      Marius

      www.mariusjopen.world

      L 1 Reply Last reply
      0
      • mariusjopenM mariusjopen

        Hi lve!

        With the Custom CSS you can add a background image to the Nav bar.

        .navbar {
            background-image: url(YOUR_IMAGE_URL.jpg) !important;
        }
        

        That will override the colour settings of the Navigation bar.

        Furthermore you can customize it here:

        0_1491925867078_Bildschirmfoto 2017-04-11 um 17.47.23.png

        Let me know if that worked for you!

        All the best!

        Marius

        L
        L
        lve
        wrote on last edited by
        #3

        Hi Marius,

        Thank you! I've tried to change it, but I'm not sure where to do this. I've copied your text into mine (with my file name) in Lay options > Custom CSS & HTML, and in Customize > Extra CSS.
        Which one is the correct section?
        For now, both didn't work. Sorry, I don't really have experience with CSS so probably I'm missing something totally logic.

        Best!
        lve

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