Customizing the Header across all pages

I am using RoadFighter for my website's theme, and I want to make two updates, but don't see an area for this in the "Theme Options"

1. Use my own image in the header
For the header, I want to replace the grey background image with my own header image. I like the size and dimensions of the grey area (what are these dimensions?), but I want to be able to change the image in that space, and have it remain consistent across all pages (home, pages, and blog)

2. Remove the "For Reservation, call" button/box
I don't want to show the "Top Right Contact Details" area at all - but if I leave this input area blank in "Theme Options" it shows the default/placeholder text. How can I remove this completely?

Thanks!

 

Hello,


Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.header_container.not_home {
background: url('ENTER YOUR IMAGE ADDRESS HERE');
}
 
.header_wrapper .call-us{
display:none;
} 

Thanks & Regards
Gourav Shrivastava

 

This did not work - when I tried the first piece of code referenced above, the header became white (my image did not display).

I also tried the following (my image is designed to fit around the main nav, so I want the background color set as well) - this code set the background color just fine, but the background image still did not display:

.header_container.not_home {
background: url('http://208.76.80.11/~michall/wp-content/uploads/2014/05/new_header.jpg');
background-color:#e5d9bc;
}

The .call-us tag worked perfectly to remove the phone number.

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

 .header_container.not_home {
background: url(http://208.76.80.11/~michall/wp-content/uploads/2014/05/new_header.jpg);
}

This will solve your issue.

Thanks & Regards
Gourav Shrivastava