Page header help

Hi, I would like to find out how to add an image in the solid color area underneath the logo when you visit different pages. I have a attached an image below

 

Hi,

Greetings from InkThemes!

Could you please provide us 'URL' of your site so that we can better assist you?

Thanks & Regards!
Priyanka
InkThemes.com

 

Www.bluetoro.net

 

Hi,

Please follow the screenshot given below.



Code is given below..

Code:

<img src="your image URL">

For your information, I am using "WP-Editor" plugin to edit files.

You can also download and use it from the link https://wordpress.org/plugins/wp-editor/.

After activating this plugin, you will get the same screen as shown in the screenshot.

After that, paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard and adjust the numeric value as per your requirement.

Code:

.page_heading_content img {
    width: 50%;
    height: 134px;
    padding-top: 5px;
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

I was able to get the image in the section but it does not fill the whole area. I would like for the image to go across the whole page covering the blue. I have uploaded a screenshot and also left it on my site in case you wanted to see

Thank you

 

Never mind I got it thank you. Just had to add the code below to the blue.css file

.page_heading_container {
background: #5caedd;
border-bottom: 6px solid #2c7096;
background-image: url("img url");
}

And then

.page_heading_container {
height: 96px;
}

In the custom css section