Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #212215

    Hi can you help me with my site – right now (1) my header background is white, I would like to change it to transparent, and (2) my main menu background is light grey, I would like to change it to be “semi-transparent” grey. Please let me know how I can do this?
    Thanks!

    #212216
    This reply has been marked as private.
    #212224

    Hey!

    You can add this on custom.css or Quick CSS to make the header background transparent:

    #header #menu_container {
    background-color: transparent;
    padding: 0px 20px 10px;
    }

    Or use rgba colors if you want:

    #header #menu_container {
    background-color: rgba(255,255,255,.5);
    padding: 0px 20px 10px;
    }

    Cheers!
    Ismael

    #212329

    That’s great! How about making the menu background (e.g. the Profile, People, etc) more transparent – is that possible?
    Thanks!

    #212333

    Hey!

    Please add following code to Quick CSS as well

    .main_menu.bg_active {
    background: rgba(0, 0, 0, 0.1); }

    0.1 is opacity, you can adjust it as needed

    Cheers!
    Yigit

    #212593

    Brilliant, many thanks.

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Making header background and menu background more transparent?’ is closed to new replies.