0

I would like to replace the Master Page header background color with a banner/image. Can this be done? Do I make the change on the master page or in css?

Replace this header color with an image

2 Answers 2

0

We can use the CSS style below to achieve it, add the CSS style into tag in master page.

<style type="text/css">
#suiteBarLeft{
    background-image:url('https://blog.fastaccounts.pk/wp-content/themes/fastaccounts/images/blog-banner-01.jpg');
    background-color:white !important;
}
</style>

enter image description here

1
  • Thank you LZ_MSFT.
    – C1TonyB
    Commented Jan 24, 2020 at 16:04
1

Below script needs to be pasted inside the masterpage. Paste this above </body> tag in your masterpage.Refer here.

<script type="text/javascript">
     var suitebar = $("#suiteBar");
     var branding = suitebar.find(".ms-core-brandingText");
     branding.html("<a href='/'><img src='/SiteAssets/yourimage.PNG' height='30px'></a>");
</script>
1
  • Thank you Sudheer.
    – C1TonyB
    Commented Jan 24, 2020 at 16:04

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.