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 :)