[LeannaParticipant]

Here’s a challenging one:
I’m trying to get rid of as many plugins as possible as I’m convinced they’re bogging down my site. So I am trying to eliminate both Ubermenu, Colorbox and another lightbox plugin all of which were running custom content itmes from dropdown menu which opened in html lightbox.
following your directions I got x native lightbox to open a url…yay! But two issues:
1) I did it using Ubermenu’s custom content, but I want to eliminate Ubermenu, and
2) The dropdown with the lightbox in it (Join the Movement – see dropdown) shows a vacant image box, not the desired text label.
3) I want the background to be opaque, not solid. (Customizer code given below)
Code used in custom content:
[image src=”#” link=”true” href=”//www.tellasia.org/joinmovement/joinmvt-network.html”]
[lightbox]

Customizer:

/*LIGHTBOX RESIZE*/

.ilightbox-overlay.light {
    background: transparent;
}
.ilightbox-holder.light {
   background: #000000;
   opacity: 1 !important;
   border: 5px;
   padding:5px;
}

.ilightbox-container iframe {
  max-width: 800px;
	margin: 2% auto !important;
	display: block;
	height: 600px !important;
}

.ilightbox-toolbar.light {
    margin-top: 20%;
    left: initial;
    right: 50%;
}

Please guide me as to how I might get x native menu to open a url in x native lightbox with opaque bg.

[LeannaParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for writing in!

#1] You can only eliminate the custom content if you have an option where you can add your shortcode.

#2] For the moment, the lightbox should work. The only problem is that the image is not displaying because you did not supply the correct path of your image. I would recommend using this shortcode:

[image src="http://placehold.it/1000x100" link="true" href="//www.tellasia.org/joinmovement/joinmvt-network.html"]
[lightbox]

Feel free to change the image source or the image path or the src value in the shortcode.

Hope this make sense.

[LeannaParticipant]

I don’t want a image in the menu, just the text label.

[LeannaParticipant]

Thanks… I think in the menu I’ll just link to pages.
One more lighbox q:
Please see block grid items in https://www.tellasia.org/join-the-movement
1) Lightbox takes a very long time to load. How can it be sped up?
2) (if the slowness issue can be solved then) I want the black area around the iframed content to be opaque, not solid, OR ELSE clear bg with border around iframed lightbox content. (Customizer code given below)

.ilightbox-overlay.light {
    background: transparent;
}
.ilightbox-holder.light {
   background: #000000;
   opacity: 1 !important;
   border: 5px;
   padding:5px;
}

.ilightbox-container iframe {
  max-width: 800px;
	margin: 2% auto !important;
	display: block;
	height: 600px !important;
}

.ilightbox-toolbar.light {
    margin-top: 20%;
    left: initial;
    right: 50%;
}

[LeannaParticipant]

Never mind I gave up on the blok grid and lightboxes and made single page navigation. Sorry to bother you.

[LelyModerator]

No problem Leanna. We’re always here to help.
Hoping that everything works for you now.

Cheers!

[Author]

Posts