Joomla Templates Club 406,261 posts

[jcsanjurjo Friend jcsanjurjoJoin date: May 2012Posts: 116Downloads:0Uploads:46 Thanks: 26 Thanked: 2 times in 1 posts]

#181587

Hi all,

I try to put one of our Brand Videos in my site. The video is hosted in YouTube, and I’m using as well the JA PopUp plugin. The result after my configuration is in the screenshot below

I’ve created a menu option. As you can see in my site under the option called Nosotros > Fred… Bar… – CEO

At this point there is the 1st question. Please, as you can see on the screenshot, note that under Fred… Bar.. – CEO there are 2 lines. I’ve been trying to remove the line on the bottom but no way, Please, any idea on how to remove the 2nd line?

The content of the submenu Item Bienvenidos (Nosotros > Fred… Barb … – CEO > Bienvenidos) is a module.

The module is a Custom HTML module, with the following code

<div class="img-photo clearfix">
<span class="highslide-img">
{japopup type="youtube" content="http://www.youtube.com/embed/tFo09D9zJCM?list=UUyEhlO0Kxyqg9--E8CRL0gg&hl=es_ES&rel=0" group1=thickbox width="560" height="315" title="Introducción Fre... Bar...."}
<img src="images/Heading2Market_Brand_Video_thumbnail.jpg" border="0" alt="Introducción Fre.... Bar...." />
{/japopup}
</span>
</div>

So, my 2nd and 3rd questions:

– how to avoid MegaMenu over the JA Popup window?
– Why the video is not launched?

Thanks in advance for your help

jcs

---

Attachments:

1. 
2. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#470735

I fixed the problem on your site. This is my solution
+ Video custom html module:
from

<div class="img-photo clearfix"><span class="highslide-img"> {japopup type="youtube" content="http://www.youtube.com/embed/tFo09D9zJCM?list=UUyEhlO0Kxyqg9--E8CRL0gg&hl=es_ES&rel=0" group1=thickbox width="560" height="315" title="Introducción Frederic Barberà"} <img src="images/Heading2Market_Brand_Video_thumbnail.jpg" border="0" alt="Introducción Frederic Barberà" /> {/japopup} </span></div>

change to

<div class="img-photo clearfix"><span class="highslide-img"> {japopup type="youtube" content="http://www.youtube.com/v/tFo09D9zJCM&hl=es_ES&rel=0" group1=thickbox width="560" height="315" title="Introducción Frederic Barberà"} <img src="images/Heading2Market_Brand_Video_thumbnail.jpg" border="0" alt="Introducción Frederic Barberà" /> {/japopup} </span></div>

+ About css:
<blockquote>Open /templates/ja_zite/css/template.css file</blockquote>
add new script

.mega div.ja-moduletable, div.moduletable {
border: 0px;
}

Please check it your site again

[jcsanjurjo Friend jcsanjurjoJoin date: May 2012Posts: 116Downloads:0Uploads:46 Thanks: 26 Thanked: 2 times in 1 posts]

#470873

Hi @ninja Lead, Great !!! thanks a lot for the advance, but note that the menu still is overlapping the video frame. See the screenshot

Please could you have a look?

Thanks a lot for your help

jcs

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#470972

<blockquote>Open plugins/system/japopup/fancybox/css/jquery.fancybox.css file</blockquote>
from

div#fancy_outer {
position: absolute;
top: 0;
left: 0;
z-index: 90;
padding: 18px 18px 33px 18px;
margin: 0;
overflow: hidden;
background: transparent;
display: none;
}
change to

div#fancy_outer {
position: absolute;
top: 0;
left: 0;
z-index: 110;
padding: 18px 18px 33px 18px;
margin: 0;
overflow: hidden;
background: transparent;
display: none;
}

1 user says Thank You to Ninja Lead for this useful post

1. jcsanjurjo

[jcsanjurjo Friend jcsanjurjoJoin date: May 2012Posts: 116Downloads:0Uploads:46 Thanks: 26 Thanked: 2 times in 1 posts]

#471003

Great @ninja Lead it works!!

Very, very appreciatted. Big Thanks

jcs

[Author]

Posts