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

Hmoore

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;
}

RobertScheitlin__GISP

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

<SPAN class="selector token">.jimu-widget-header-controller.jimu-main-background</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp; <SPAN class="property token">background-image</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="url token">url(images/icon.png)</SPAN> <SPAN class="important token">!important</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp; <SPAN class="property token">background-repeat</SPAN><SPAN class="punctuation token">:</SPAN> no-repeat <SPAN class="important token">!important</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>