Thanks Ismael, but the Quick CSS didn’t work. When I put it in and saved the changes, the hover effect is still the same as the background color.

Also, how can I get the drop down menu on the additional navigation at the top to have the same effects as the drop down in the main menu (hover over and the background is charcoal gray and text is white)?

Still does not work! http://imgur.com/a/JqFRb
Now we have lost the green current in the drop down as well as the main navigation current
The photographs have no longer the rollover marker but when one rollover the photograph still goes down except in “studieneriese”

Again here is the css for the Navigation – It is all VERY unclean but all from what you have given me added in bits and pieces. I do not know how to make sense of it:
/*NAVIGATION*/

/*ROLLOVER/CURRENT MENU DECORATION*/
.header_color .avia-menu-fx {
background-color: #7aa84a;
}
.header_color .avia-menu-fx .avia-arrow, .header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu {
border-color: #7aa84a;
}

/*MAIN*/
.header_color .main_menu ul:first-child > li > a {
color: #d45226;
}

#top .main_menu ul.menu li a {
font-size: 14px;
}

/*MAIN NAVIGATION HOVER*/
.header_color .main_menu ul:first-child > li a:hover {
color: #7aa84a;
}

/*MAIN NAVIGATION CURRENT*/
.header_color .main_menu ul:first-child > li.current-menu-item > a, .main_menu ul:first-child .header_color > li.current_page_item > a {
color: #7aa84a;
}

/*MAIN NAV SUB NAVIGATION*/

.header_color .main_menu .menu ul li a {
color: #d45226;
font-weight: 600;
}

#top .main_menu .menu li ul a {
font-size: 14px;
line-height: 15px;
}

/*MAIN NAV SUB NAV HOVER*/
#top .header_color .main_menu .menu ul li>a:hover {
color: #7aa84a;
background-color: transparent;
}

/*MAIN NAV SUB NAV CURRENT

.current-menu-ancestor a {
color: #7aa84a !important;
}*/

/*SIDE NAVIGATION*/
.main_color .widget_nav_menu ul:first-child>.current_page_item {
background: transparent;
}

.main_color .sidebar .current_page_item>a {
color: #7aa84a;
}

.main_color .sidebar a {
color: #d45226;
}

.main_color .sidebar a:hover {
color: #7aa84a;
}

.sidebar {
font-size: 14px;
line-height: 17px;
}

.js_active .tab {
font-size: 14px;
}

+ css from quick css:

.current-menu-item.current-menu-ancestor > a {
color: green !important;
}

Hi Ismael,
I solved this problem by myself. I should use png files (not jpg).
Thank you very much for your attention.

BTW, can you resolve this problem?
https://kriesi.at/support/topic/layout-makes-jump/#post-229734

Cheers,
fotofaber

Thanks Josue that’s resolved the background colour issue but it’s brought back and old issue with the ‘Why choose us’ dropdown menu, see #225238 (Header adjustments) from Yigit. The dropdown works ok when at the top of the page, but when using it half way down the page the sub menu headings are all spaced out http://www.test.theimplantcentre.com/wp-content/uploads/2014/03/Screen-Shot-2014-03-05-at-08.27.34.png

Thanks for the help, Josue. I was able to get it figured out using the forum topic you linked to and playing with the CSS. I can post my CSS here if you think it would be useful to other forum members.

It was worth a shot, but this did not create an area where I could highlight and html the text.

Thank you anyways, I put the real content at the top of the page again.

HI Josue, Thanks for your reply. Here’s the scoop:

I have the video displayed on: http://got2bmoving.com/sample-page/

with the following code:

<video id=”video_background” preload=”auto” autoplay=”true” loop=”loop” muted volume=”0″>
<source src=”/files/videos/skyTran_UniversalStudios-002.mp4″ type=”video/mp4″/>
<source src=”/files/videos/skyTran_UniversalStudios_002.webm” type=”video/webm”/>
<source src=”/files/videos/skyTran_UniversalStudios_002.ogv” type=”video/ogg ogv”; codecs=”theora, vorbis”/>
Video not supported.
</video>

So I created a Layer #1 for Slide #3 in the LayerSlider on the Home page, selected the “Div/Video” icon and entered the above code in the “Custom HTML content” field.

Since the video is 70 seconds long, I set the “Slide delay” for Slide #3 to 70000. Would you confirm that this is correct for a video – i.e. to set the “Slide delay” to the length of the video?

For slide #4, I entered the code that you sent me, with the link to our video:

<video id=”ls-video”;>
<source src=”http://www.got2bmoving.com/files/videos/skyTran_UniversalStudios-002.mp4″>
<source src=”http://www.got2bmoving.com/files/videos/skyTran_UniversalStudios-002.webm”>
<source src=”http://www.got2bmoving.com/files/videos/skyTran_UniversalStudios-002.ogv”>
</video>

In both cases, I see a black box at the top left in the “Preview” of the slider. In neither case is the video appearing in the Home page slider.

Maybe it’s the “Slide delay”, maybe I have the Width, Height, Left or Top set incorrectly?

Any help or guidance you can provide would be great. If you need to login to the backend of our site I can provide a login. (let me know where to send this info)

Thanks in advance for your help.

Excellent.
All issues resolved.
Thank you!

Now… a question about Color Sections.

Does a color section display a very light gray line at the top if it’s empty?

I added an empty color section here to open up some white space to display my own custom div elements:
http://www.finalsmoke.net/order-form-1/

On another page without the color section, no line is visible (and of course the full amount of white space needed is not available to reveal all my custom div elements, but the area at the top has no line):
http://www.finalsmoke.net/order-form-3/

Any ideas?
Thanks!