How to add transparent background image or shading/color to top of webpage/head

Please, use images in png format

Your background image should be referenced from your theme’s stylesheet (style.css probably).
https://www.w3schools.com/css/css_background.asp

okay, but then do i need to call it in the header.php too? and how would the css look, if so

do i need to call it in the header.php too?

Not usually, no. Just adding it to your stylesheet should be enough but this does depend on your theme/site – which we haven’t seen.

how would the css look

Have a look at the page I linked to above.

haha… my content is too little right now, but you can take a look…

https://www.gizbeat.com

it’s a bit naked up there… i think the header will add quite a bit..i’m working on it now..just something to patch up there for now to add something to the nakedness.

You’re lucky, You should just be able to add an image background to the #wrapper div. Something like:

#wrapper {
background:url(path_to/background.png) repeat-x;
}

should do it.

okkk, i’m doing that in style.css..

is there a way to make it run all the way across? i’m actually using “no-repeat” because it was going down the entire length of the background of the content, and i only wanted it as the head up top…

is there a way to make the image run all the way across… it seems limited now to the width of the content…

Please refer to the example I used above.

okkk..i’m doing as you said… it’s still limited in size to the width of the content below it, even though the image is longer… mmm… no big deal.. appreciate your time with the help….

cheers.