Hi im looking to see if there is anyway that you could add a link into the timeline feature that instead of opening in a new window would load in a pop up window so your not leaving the page?
I really like the timeline feature but you are always really limited in how much content you put in.
Perhaps these are some features of your template. You can stylize it as you like, through CSS, I gave you a starting point, and then everything is in your hands.
Hi. This can be done with the help of the trick. SP PB has on board Magnific Popup JS. You can use it. You will need the JCE editor to be able to insert the code.
Use the following structure:
<div id="your_unique_id" class="white-popup-block mfp-hide"><div class="modal-inner-block"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id quasi nam minus voluptatibus totam culpa! Consequatur atque ipsum suscipit doloremque?</p></div></div>
<a class="sppb-magnific-popup sppb-modal-selector" data-popup_type="inline" data-mainclass="mfp-no-margins mfp-with-zoom" href="#your_unique_id" id="your_unique_id-selector">Open popup</a>Replace your_unique_id to your. This should be unique for each individual Popup. Insert it while in code mode, after your text.
Thanks very much will give that a go, appriciate the speedy reply
I get the circle appearing behind the popup text, is there away to disable this just for this page? I notice its the same icon that appears on the hompage modals.
Hello Steven,
Please, give us a screenshot of which exact popup text you are talking about.
Whatsoever, thank you very much Pavel for your response.
Hi thanks
http://ullapoolseasavers-qytl.temp-dns.com/media/Screenshot.png
I removed the read only text as i was seeing what i could do in the code, bit it would just be the text i would want. This seem to be the same circle that is used in he modal popup on the homepage videos, i need the circle for to remain there as it works well but on the timeline it just eats into the space.
Pavel was very helpful with the information.
Hello Steven,
Undoubtedly Pavel is a helpful fella.
This seem to be the same circle that is used in he modal popup on the homepage videos
Most likely your template has a unique style for this. Add your unique class to the addon,
determine via browser code inspector, which style creates this circle and override it using your unique class.
Pavel you make it sound easy, its easy if you know how :-)
Has my question been deleted?
Pavel you make it sound easy, its easy if you know how :-)
If you provide a public link to your website or link to the demo template where there are these circles, I can help you.
Hi Pavel
You are a star, must be going for a job at Joomshaper ;-)
here is a temp page
http://ullapoolseasavers-qytl.temp-dns.com/component/sppagebuilder/?view=page&id=149
Add a class to Addon...
...and use the following code.
.disable-circle .sppb-modal-selector.sppb-magnific-popup {
box-shadow: none;
width: inherit;
height: inherit;
border-radius: 0;
text-align: inherit;
display: inline-block;
background: transparent;
}Insert this code in the custom.css file.
You are a star, must be going for a job at Joomshaper ;-)
The Joomshaper policy prohibits customization support. But I love customization :)
Therefore, I am ready to be only a volunteer.
Hey thanks ive done everything, cleared cache, checked in. Refreshed and on a different browser but i still see the circle. Does the code in the timeline need to change?
I really appriciate your help as this is out of my depth.
Sorry. My fault. Error in the code dot is not correct.
.disable-circle .sppb-modal-selector.sppb-magnific-popup {
box-shadow: none;
width: inherit;
height: inherit;
border-radius: 0;
text-align: inherit;
display: inline-block;
background: transparent;
}Do not forget to add text to the link. Now it's empty.
Spot on, if you are ever over in Scotland give me a shout and i will buy you a beer :-)
I hope that ever I will use your offer. Have a nice day :)