Modal Textlink

[3lias]

Hi,

I’ve seen that some people asked in the past (2014) to open modals via textlinks. Is this feature now implemented and how can I access it?

Thanks

Elias

[Kyle – SUPPORT]

Hi

Unfortunately not, but will remind the developer about this

– Kyle

[Mohammad – SUPPORT]

Hi,
Just insert a modal button with extra class named text_modal and use this code:-

.text_modal{
    background-color: transparent !important;
    color: #000 !important;
    text-decoration: underline !important;
}

Thanks
Mohammad

[3lias]

Thanks for your reply.

I’ve tried with the code but it seems not to work for some reasons.

[sf_modal header="Modal Header" btn_colour="accent" btn_type="standard" btn_size="small" btn_text="Button text" extraclass="text_modal"]ENTER THE MODAL BODY HERE[/sf_modal]

and

by adding “text_modal” in the Extra class name in the text box settings.

Any idea?

[Mohammad – SUPPORT]

Hi,
Just replace your code with this code:-

[sf_modal header="Modal Header" btn_colour="accent" btn_type="standard" btn_size="small text_modal" btn_text="Button text" ]ENTER THE MODAL BODY HERE[/sf_modal]

Thanks
Mohammad

[3lias]

It works now, thanks.

One more question regarding modals: Can I link from one modal to another and will the current modal be closed and the new modal open?

[Mohammad – SUPPORT]

Hi,
I never tried so you can try it.
Thanks
Mohammad

[3lias]

Something like

[sf_modal header="Modal Header 1" btn_colour="accent" btn_type="standard" btn_size="small text_modal" btn_text="Modal 1"]
Body Modal 1
[sf_modal header="Modal Header 2" btn_colour="accent" btn_type="standard" btn_size="small text_modal" btn_text="Modal 2" data-dismiss="modal"]Body Modal 2 [/sf_modal]
[/sf_modal]

isn’t really working as the Modal 2 Content is already shown in Modal 1 and when clicking the button to Modal 2 a new (empty) modal will show up and Modal 1 is not be closed.

It would be great if the whole modal thing gets a little bit more attention and features. This would be great and as I’ve seen trough the forum search many people looking for some improvement as well.

[Mohammad – SUPPORT]

Hi,
I am afraid that unfortunately this feature is not available by theme.
Thanks
Mohammad

[3lias]

At least I figured out that the button can also be shown as a normal link. Here is my CSS I use, maybe someone will need it.

.text_modal {
	display: initial !important;
	line-height: normal !important;
	background-color: transparent !important;
	text-decoration: underline !important;
	border: 0 !important;
	padding: 0 0 1px 0 !important;
	margin: 0 !important;
}
.text_modal span {
	color: #green;
	border-bottom: solid 1px #green;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
}
.text_modal span:hover {
	color: #yellow;
	border-bottom: solid 1px #yellow;
	text-decoration: none;
}

And in the text editor I use <div style="p {display: none;">Content in here...</div> as WP seems to add a </p> right after the implementation of the modal button, which is kind of weird.

[Mohammad – SUPPORT]

Hi,
Brilliant! I am glad that you managed to resolve the issue.
Thanks
Mohammad

[3lias]

Ya, thanks for your help. 🙂

[Mohammad – SUPPORT]

Hi,
Glad to help you.
Thanks
Mohammad