Header + background pic

Hello EDMSU,

I’ve checked your website and I saw that you are using header style_1. You have to insert a custom class and then you have to control with a bit of CSS to insert an image. Below, I gave you an example for header style 1. Please try to implement using the same code into your back end and achieve as you wish.

The code is:

.custom_image {
background-image:url('http://www.gettyimages.ca/gi-resources/images/Homepage/Hero/UK/CMS_Creative_164657191_Kingfisher.jpg');
background-size: 1068px 300px;
background-repeat: no-repeat;
width:1068px;
height:300px;
position:relative;
margin-right:auto!important;
margin-left:auto!important;
}

The above code must to be added in Theme panel->Custom CSS area, like this: http://screencast.com/t/jB1SumPM

You can adjust the values until you achieve as you wish.

The result you should see here: http://screencast.com/t/j4VHuB3X9cQ

Hope this helps and let us know how it goes!

Hello EDMSU,

The code does not work for you because I suppose that you did not create the custom class before to add the code that I provided you above. First of all, please add this custom class like this -> http://screencast.com/t/TkF6VoqS

Thank you for the message and let us know how it goes!

Hello Splodger,

As I explained above, you have to do a custom class in the according file of header_stylete used, like this -> http://screencast.com/t/AwOU8vgOyE

@EDMSU, please ensure that you have followed all the steps correctly and let us know how it goes! I have tested on my side and works fine.

Thank you for the message!

Hello EDMSU,

I have checked your website you have followed correctly the steps, but I noticed that you background-image URL is wrong ->does not work. Please try to replace it with another one which works. I tried to insert my URL and seems to work properly as you can see in this screenshot -> http://screencast.com/t/QPbrVPGncX7G

Let us know how it goes and if you need more assistance about this, please provide more details about what you want to achieve.

Thank you for the message!

Hello EDMSU,

If you want to have a background ads, please ensure you have set it correctly from Theme panel and then you have to increase your margin-bottom from td-header-menu-wrap-full until you achieve as you wish.
Please try the code below and add it in Theme panel->Custom CSS area.
http://screencast.com/t/flst2TnmJ -> http://screencast.com/t/TNnUSODgxQNg

.td-header-menu-wrap-full {
margin-bottom:250px;
}

The result you should see here: http://screencast.com/t/WMAy7U2R

Hope this helps and let us know how it goes!

Thank you for the message!

Hello,
You set the link in the theme panel: http://screencast.com/t/8cjhvpcUD2
Thank you!

Hello EDMSU,

I have tested your website and everything seems to work properly, as you can see here -> http://screencast.com/t/adzdFkFouCEZ

If you need more assistance on this regard, please provide more details about your issue so I will be able to provide a more accurate response.

Thank you for the message!

Hello EDMSU,

I have tested on my side all the options about your request and I found the best solution for you. First of all, you have to do a custom class in your header_style used by you. (I gave you an example for header style 3) -> http://screencast.com/t/WDxLdd2fVssH and then use this custom CSS in your Custom CSS area ->

.emptyspace {
padding-top:400px;
}

http://screencast.com/t/r0dpslPmDW

The code is here -> http://pastebin.com/3ef0cxvW

The result you should see here -> http://screencast.com/t/gSiSdiegNkaG

Hope this helps and let us know how it goes!

Thank you for the message!

Hello EDMSU,

Glad that I could help!

Thank you for the message!