Ok

the Shortcode is outputting the correct custom colors

DEFAULT EXAMPLE

[av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-bottom' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='page,149' hotspot_color='' custom_bg='' custom_font='' custom_pulse='' hotspot_pos='48.8,80.4']
<p>Tool tip text here</p>
[/av_image_spot]

CUSTOM COLORS EXAMPLE

[av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color' link='manually,http://#url link here' hotspot_color='custom' custom_bg='#00472e' custom_font='#ffffff' custom_pulse='#00472e' hotspot_pos='88.8,86.8']
<p>Tool tip text here</p>
[/av_image_spot]

However the shortcode is not inserting the custom style HTML CSS code for the custom colors in the FONT COLOR or BACKGROUND COLOR

<div class="av-image-hotspot av-perma-tooltip av-display-hotspot" data-avia-tooltip-position="left" data-avia-tooltip-alignment="centered" data-avia-tooltip-class="av-tt-default-width av-tt-pos-left av-tt-align-centered  av-mobile-fallback-active  av-permanent-tooltip-single  main_color av-tt-hotspot" data-avia-tooltip="<h3><a title=&quot; &quot; href=&quot;http://#url link here&quot; target=&quot;_blank&quot;>Download our Product Brochure</a></h3>
" style="top: 88.8%; left: 86.8%; "><a href="http://#url link here" class="av-image-hotspot_inner" style="background-color: #00472e; color: #ffffff;">6</a><div class="av-image-hotspot-pulse" style="background-color:#00472e;"></div><div class="avia-tooltip avia-tt av-tt-default-width av-tt-pos-left av-tt-align-centered av-mobile-fallback-active av-permanent-tooltip-single main_color av-tt-hotspot" style="top: -37px; left: -140px; display: block; opacity: 1;"><div class="inner_tooltip"><h3><a title="" href="http://#url link here" target="_blank">Download our Product Brochure</a></h3></div><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></div></div>

Above we can see that the custom colour has been inserted for the hotspot

<div class="av-image-hotspot-pulse" style="background-color:#00472e;"></div>

But not for the other elements

Hi Peter
Thanks for the response.

Is there away to have that js file read from the child theme ?
or add additional theme update to include video insert features.

While waiting for a response I worked on several solutions

1. A youtube object embed from here ( https://developers.google.com/youtube/youtube_player_demo?hl=fr ) worked fine – but no splash graphic.
2. I created a simple jquery function that on click hides a div with the splash graphic and shows div with Youtube object embed with auto play – worked fine on desktop – but not on iphone
3. Our programmer came up with a this to remove the related videos at then end of the video play. Put this code in your Child themes functions.php file

function remove_related_videos( $html, $url, $args ) {

    if ( strpos( $html, 'youtube.com/embed/' ) !== false ) {
        return str_replace( 'feature=oembed','feature=oembed&rel=0', $html );
    } else {
        return $html;
    }

}
add_filter( 'oembed_result', 'remove_related_videos', 10, 3 );

4. The final solution was a workaround to use a image as a splash have this link to a manual url = youtube?watch that opened in a lightbox. All done with the Avia layout builder. This worked seamlessly across all browsers in IE8 IE11 and mobile devices with the insertion of the code from this forum into my child theme function.php file.

https://kriesi.at/support/topic/youtube-video-not-working-in-ligthbox/#post-288867

Which raises the question…

why would the mediaelement.js work as a video player cross platform in a lightbox – but not as a page element?

Now that I have found a work around solution – I’ve lost interest in hacking away at this – may be there will be an improvement with WordPress 4.0

Hi Josue

Great I test that one out!

I have another issue with video not playing in IE8 and IE11

I had a play around with several plugins
Jwplayer
VideoJs
Sublime
all have issues with Flash fall back

Iv’e got a query about the Enfold Built in Avia Layout builder video player
1. Can I add a Poster image
2. Can you re-write the workaround script above to work with standard youtube watch video link – so I can have rel=0

thanks

Ah!
FANTASTIC
Cheers ;)

Hi Dude,

Thanks for the link – I will post there later!
I have a ul li list with icons
<li><a href=""><span class="icon"></span>Open Image Gallery</a></li>

So this is not miss leading…

For now I have a work around for anyone else trying to do this.

Create the gallery

Create your TEXT BOX
this is and example <a href link
use the url of the first image from your gallery

[av_textblock ]
<a class="first_thumb lightbox " title="" href="http://domain/_WORDPRESS/wp-content/uploads/2013/11/image_1.jpg" data-onclick="1" data-rel="gallery-1">Open Image Gallery</a>
[/av_textblock]

Add the following to your child theme css style.css file
.avia-gallery {display:none; visibility:hidden;}

The Gallery is…
1. hidden from the user – but is activated by the text link
2. Is visible in the AVIA Layout Builder and can still be edited

cheers : )