Hello, could someone pls help me to to create a static bar at the top of my page (purely just an aesthetic thing with no functionality). I'm not good at stuff like this so could do with some help.

 

This is my website which is wordpress theme I modified a bit which requires the bar.

 

www.avid-photography.co.uk

 

This is a visual of what I'm aiming to achieve (see attached). Just a simple line at the top which brings it in line with the rest of my branding.

 

 

 

 

Thanks guys!

Hi Robby, many thanks for taking your time out to help.

 

A very nearly there except there seems to be a very slight gap between the top of the page and the blue bar.

 

Also the bar has a slight bevel. I tried playing around to remove this but no joy.

 

Any ideas?

 

 

Thanks

Hi Robby, many thanks for taking your time out to help.

 

A very nearly there except there seems to be a very slight gap between the top of the page and the blue bar.

 

Also the bar has a slight bevel. I tried playing around to remove this but no joy.

 

Any ideas?

 

 

Thanks

 

Instead of hr try using

 

body{border-top-width:5px;
border-top-style:solid;
border-top-color:blue;
margin-top:0px;
padding-top:0px;}

 

 

Obviously change 'blue' to the exact colour, and change the border width to suit.

Dont worry sussed it out.

 

Thanks again!!

Instead of hr try using

 

Beat me to it.

 

body {
 border-top:15px #AEDFE5 solid;
 }