Hi Yigit,
Thanks for helping me.
Here the screenshot link: http://acquisto.pro/img/website_sample.jpg.
I want a mutliply image background, one image topleft (person) and one background image thats repeats…

Cheers,
Marcel

Thanks, Yigit – that’s added the logo into mobile.

However if I remove “.fixed_header #main {padding-top: 0;}” the menu is no longer transparent on desktop sizes.

The intention is to always have a fixed header (does not resize to the small logo version) transparent over a full height website.

Hi Yigit,

I got it to work, had to change the CSS rules in shortcodes.css
Changed these lines
/* hide controlls on desktop */
.avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a{ opacity: 0; filter:alpha(opacity=0); }
.avia_desktop .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a{ opacity: 0.6; filter:alpha(opacity=60); }
.avia_desktop .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a:hover{ opacity: 0.8; filter:alpha(opacity=80); }

To:
/* hide controlls on desktop */
.av_slideshow.avia-slideshow .avia-slideshow-controls a, .avia-slideshow-controls a{ opacity: 0; filter:alpha(opacity=0); }
.av_slideshow.avia-slideshow:hover .avia-slideshow-controls a{ opacity: 0.6; filter:alpha(opacity=60); }
.av_slideshow.avia-slideshow:hover .avia-slideshow-controls a:hover, .avia-slideshow-controls a:hover{ opacity: 0.8; filter:alpha(opacity=80);}

Solved it…kinda

If the box-shadow color is not specified in the sonar effect than it will inherit the color of it’s element. read about it here
So, if I go into the shortcodes.css and delete all of the colors from @keyframes sonarEffect the sonar color will inherit the color of the icon!

/*sonar effect*/
@-webkit-keyframes sonarEffect {
	0% {opacity: 0.3;}
	40% {opacity: 0.5;box-shadow: 0 0 0 2px , 0 0 10px 10px , 0 0 0 10px ;}
	100% {box-shadow: 0 0 0 2px , 0 0 10px 10px , 0 0 0 10px ;-webkit-transform: scale(1.5);opacity: 0;}
}
@-moz-keyframes sonarEffect {
	0% {opacity: 0.3;}
	40% {opacity: 0.5;box-shadow: 0 0 0 2px , 0 0 10px 10px , 0 0 0 10px ;}
	100% {box-shadow: 0 0 0 2px , 0 0 10px 10px , 0 0 0 10px ;-moz-transform: scale(1.5);opacity: 0;}
}
@keyframes sonarEffect {
	0% {opacity: 0.3;}
	40% {opacity: 0.5;box-shadow: 0 0 0 2px , 0 0 10px 10px , 0 0 0 10px ;}
	100% {box-shadow: 0 0 0 2px , 0 0 10px 10px , 0 0 0 10px ;transform: scale(1.5);opacity: 0;}
}

The problem is that I went into the parent theme folder to make this change. So, any updates will wipe it out.

I read here that even if I copy ‘shortcodes.css’ into a child theme folder that the child theme may not use it, relying on the parent themes CSS instead.

Any tips?

Hi Josue.
I’ve made the slider full width now to remove the background issues, and the ‘bumping’ issues I’ll live with.
I also noticed in Mozilla that when hovering over the the linked images on the home page, the text beneath it bumps down noticeably. Does this have something to do with the overlay? Is there anyway to stop this?

Thank you for your help!

excellent!!
there are 2 other items and that was regarding the slider positioning, the new header position is cutting off the top of the slider and the rss button is showing in mobile mode and the icon box is chopped off.

• This reply was modified 12 years, 1 month ago by fashiontribe. Reason: I wasn't quite done with this question and it is related to the changes we made specific to this. thanks

It doesn’t work.
Our videos on Youtube will not play. Just a black screen. Nor, would either one of the example videos you included in your GUI backend. It didn’t work in Explorer, nor Firefox. I copied what you did in the video step-for-step. I also tried the standard embed format with Youtube rather than a straight copy of the standard URL. You are probably aware that they are different.

As a separate note, we are now on our 3rd hour on this, just to test out your demo video. The first two hours was trying to figure out where you stuck the feature on the backend. After three manual uploads to update for this feature, we were still striking out. We assumed the update was not uploaded correctly or there was an issue, so we decided to look for documentation. FYI, we do not ask for help the first time we encounter an issue. Probably unlike most folks on the forum.

Here’s a simple suggestion and remedy. Just tell folks it’s in a color background widget. The obvious place to look is the “add Youtube” feature in a Layer slider, but that’s not where it is. You should state this in straightforward text format on the example video. It may not be the correct eye candy to include on your sales page because you are focused on revenues rather than support documentation ;-) there.

Before we spend any more time on this, Q. Will this feature work with autoplay on the background video. Your demo pages require that you click on the background video in order to get it playing. Something most site visitors will not do, nor will they know to click on it and will just think it is just a big fuzzy background image. Great feature, but it appears it needs to be ironed out a little further.

Thanks.