Add video above header, change top menu background

I have a few things I can't see to figure out the website is www.caringconceptsltd.com

1. what I'm trying to do is add a video below the slider right above where the header title is.

2. on other pages i.e. http://www.caringconceptsltd.com/products/ what I'm trying to do is get rid of that ugly grey background in the top menu area, I'd either like to put a picture, like one from the slider, or something a little different... but I really want to get rid of it.

3 at the top of every page is a red full width line, how can I remove this.

thank you for the help

 

Hello,

1.For your first issue

Go to

Appearance > Theme Option > Home Page Feature Area

And put the embed code of the video to the the "Home Page Main Heading" text box and save the settings.

It will show the video in the home page, and you have to adjust the width and height of the video which you can adjust in the embed code of the video.

2.For your second issue

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');
}

3.For your third issue

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

Code:

.header_container{
border-top:none;
}

 

thank you it's all worked except the image on the other pages.. I cannot get an image to post on that.

here is what is in my custom style box

Code:

.flexslider .slides > li:first-child {
display: list-item!important;
}
.header_container.not_home{
background:url('http://www.caringconceptsltd.com/wp-content/uploads/2013/10/20130715_1852081.jpg');
}
.header_container{
border-top:none;
}
#menu .ddsmoothmenu li a{
font-weight:bolder;
font-family:Arial;
}
#menu ul.ddsmoothmenu {
text-align: center;
}
#menu .ddsmoothmenu li {
float: none;
}
#menu .ddsmoothmenu li a{
float: none;
color:red;
display: inline-block;
}
.menu-wrapper {
background: none;
border: none;}
.menu-wrapper {
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow: none;
}

here's a link to one of the pages, do I have to adjust the width of the image

http://www.caringconceptsltd.com/products/

 

Hello,

We have checked your website and its seems that you have entered backslash(\) before and after the image address, remove backslash from the image address, It will solve issue.

 

still didn't work there is no backslash anywhere the code I posted above is an exact match. I'm trying to pull the image from my domain.

 

Hello,

Please provide the following information listed below.

Thread Link:
Your Website URL:
WordPress Username:
WordPress Password:

Send this information on our email at [email protected]
We will solve your issue.

 

Hello,

Issue resolved. Please check your site.

 

could you please let me know what was causing the issue?

thanks

 

Hello,

In your server the single quote (') are converted into backslash (\) due to which the link was not working.
We have replaced this single quotes with double quotes and the link is working fine.