Upgraded to WordPress 6.0 and have issues? Please check the hotfix which you need to apply.

Okay
  Public Ticket #2049430
Header background
Closed

Comments

  • jjhancock started the conversation
    June 16, 2019 at 7:07pm

    Attempting to customer thee. Unable to have separate background behind main menu and page. Currently the background goes behind everything, and if I add the header background as well, it covers the other background completely. How do I fix this?

  •  228
    Milingona replied
    June 17, 2019 at 6:34pm

    Hi there,

    Please paste the following code into Bakery > Custom Code > Custom CSS:

    .vu_main-header {
     background-color: #fff;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     background-image: url(YOUR_URL_IMAGE);
    }
    .vu_main-header:before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     background-color: #fff;
     opacity: 0.3;
     z-index: 1;
    }
    .vu_main-header > * {
     position: relative;
     z-index: 2;
    }

    Make sure to replace YOUR_URL_IMAGE with the link of the image you want to use.

    The result will be this: https://d.pr/i/bnlnJ7.

    Kind regards,

    Milingona Support

    Follow on     Envato     Facebook     Twitter

  • jjhancock replied
    June 17, 2019 at 7:04pm

    Worked perfectly. Thank you!

  •  228
    Milingona replied
    June 18, 2019 at 10:12pm

    Glad to hear that. Thanks for the feedback!

    Milingona Support

    Follow on     Envato     Facebook     Twitter