How can I remove this distinct line between both containers?

I have tried my best to remove the distinct line (please look closely) between the two containers of .top_image and .header_wrapper (Google map container).

I used the same pic and cut off the top of the pic in .top_image and used the cut-off portion to make the background for .header_wrapper. This is to make the picture blend togrther both the .top_image and .header_wrapper.

How can I remove this distinct line between both containers?

Please take a look at my website:

http://uk-exports.org/

Thanks and Regards

 

Hello,

Greetings from InkThemes!

I am afraid to say that I am unable to figure out the area to which you are talking about..

Would you please share some edited screenshot of the concerned area so that we can assist you accordingly?

If you are unable to create screenshots then you can use www.screenpresso.com that will help you to create screenshots.

Looking forward to your reply.

Thanks & Regards!
Priyanka
InkThemes.com

 

Thanks for your help; please read above for guidance.

Here is the pic below.

 

Hello,

Let me tell you that you are using two background images there and that's why getting that line..

So you can remove one image and adjust margin of another image and for that you just need to paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.header_wrapper {
    background: none;
}
.top_image img {
    margin-top: -135px;
}

Hope it will resolve your issue

Do let me know if you need more assistance,

Thanks & Regards!
Priyanka
InkThemes.com

 

Thanks Priyanka.

You are the best!!!

 

You're welcome...

Do let me know if you need any further assistance,

Thanks & Regards!
Priyanka
InkThemes.com