[SOLVED] Header background different from body background

I am trying to make the header background, not just the logo area background, different from the body background. I've tried adding the background-image tag to jp-header in the custom.css file, but that doesn't seem to work. In this case, I want to use the included fabric image in the header, but a custom background in the body. Here is a snip of the Header section I've copied to the custom.css file.

/* Header
========================================================================== */
.jp-header {
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-position: center center;
background-image: url("../../../images/body-bg/fabric.png");
background-repeat: repeat;
}
.tm-headerbar .tm-logo {
float: none!important;
margin: 0 auto;
}

Thanks ..

Live url please and check the image path to your background image.

www.turnkeyrisk.com/dev

I turned off the body background image and uploaded the fabric.png file into the media content. I then verified the image path was correct in the custom.css file.

Please check the image path, it could not be found. See image attached.
We are committed to help you with any type of support query, however we can't provide extensive help in terms of customizations. In general customizations may look simple but you will require solid knowledge of web technologies and programming skills to do them or hire a professional who can do it for you.

Thank you. I wanted to use a relative path for the image because we will be moving the site from the dev directory to the root directory once it is ready. I used an absolute path for the image and that worked. Then I just had to work back from the custom.css file location to build the relative path. Thanks for your assistance.

On another thought. I love the JoomlaPlates templates, but I find myself spending hours trying to locate the one css tag which makes the adjustments I need. Sometimes one can do that in the Warp style editor. Other times it is not in the style editor, and has to be added to the custom.css file. Earlier I thought changing the footer background color would be a simple mod in the Warp style editor. But it is not there. I had to find it in the theme.css file (which is over 8000 lines) and copy the change to the custom.css file. Some level of documentation with a template to explain the common tags and where they can be found would be a big help. What is the thought process as to what can be edited by the style editor vs custom.css entries? Most of the time, all I need to change is colors and paddings. Finding the css tag to accomplish that can be quite frustrating, even when using the Firefox developer tools to highlight the appropriate areas.

Thank you again for your help.

Problem solved.