Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #255312

    Alex
    Participant

    I wanted to make my nav bar slightly transparent so when content scrolls up you can still slightly see it behind the nav bar (just the nav bar. Not the logo bar as well)

    Currently Im using this code to change the color.

    /* Main Nav Color */
    .x-navbar {
    background-color: #74cbd1;}
    #255510

    Christian
    Moderator

    Hey Alex,

    Please add the code below in your Appearance > Customize > Custom > CSS

    .x-navbar {
    background-color: rgba(116,203,209,0.5);
    }

    See http://www.color-hex.com/color/74cbd1 where I got the equivalent RGB value for the color. The last value in rgba is the opacity.

    Hope that helps. 🙂

    #255736

    Alex
    Participant

    Perfect Thanks

    #255780

    Nico
    Moderator

    Glad to hear that.

    Let us know if you need anything else.

    Thanks. Have a great day! 🙂