abdfahim

Registered
Though I am using EDGE in my site, I am not sure if it's more of XF related question, rather than PE related, or not. However, I just want to try my luck here, if anyone can help. The original query was posted here. Feel free to lock/delete this thread if deemed inappropriate here.

Basically, I want to show a page (custom page or help page) as an overlay. Let say my page is like below:
HTML:
<div class="formOverlay">
<h3 class="subHeading">Some description line</h3>
Line 1<br />
Line 2<br />
Line 3<br />
</div>

And, I am trying to open an overlay with this
HTML:
<a href="pages/my-custom-page" class="OverlayTrigger">test</a>

I end up an overlay like this, but I want to get rid of the title ("My Page Title") and the cross button. Is that possible?

upload_2017-8-21_9-38-19.png
 
Last edited:
There may be an easier way... but you can make a slight change to the pagenode_container template.

Change:

Code:
<div id="pageNodeContent">

To:

Code:
<div id="pageNodeContent" class="{xen:helper nodeClasses, $nodeBreadCrumbs, $page}">

This will allow you to use CSS on specific page overlays:


Screenshot_1.png


CSS could be:

Code:
.xenOverlay .node14 .heading { display: none; }
would hide the heading just in the overlay form of that page. Hope that makes sense.
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.

Back