topic Can you use an image for header background in WAB 2.5? in ArcGIS Web AppBuilder Questions

Can you use an image for header background in WAB 2.5?

HenryMoore — Wed, 13 Sep 2017 15:23:21 GMT

Can you use an image for the header background instead of a color in WAB 2.5 Developer Ed.? I've tried adding one in the style.css file but it didn't work. This is my code.

.jimu-main-background
{
background-color: #2aaa8a;
background-image: url(/CDBG Loan Tracker/jimu.js/css/images/#mainBG3.jpg) !important;
background-repeat: no-repeat !important;
}

Re: Can you use an image for header background in WAB 2.5?

RobertScheitlin__GISP — Sat, 11 Dec 2021 08:50:56 GMT

Henry,

Sure you can you just need to use the right css rule and place it in the appropriate file:

I add this to my apps themes\[your theme]\common.css

.jimu-widget-header-controller.jimu-main-background {
  background-image: url(images/icon.png) !important;
  background-repeat: no-repeat !important;
}‍‍‍‍

Re: Can you use an image for header background in WAB 2.5?

HenryMoore — Wed, 13 Sep 2017 15:52:30 GMT

Hey Robert. Hope your doing well. Works great and your the best!

Re: Can you use an image for header background in WAB 2.5?

RobertScheitlin__GISP — Wed, 13 Sep 2017 16:12:45 GMT

Henry,

I am doing good, hope you are as well. Don't forget to mark this question as answered.