XF 1.4 Custom help page styling

tommydamic68

Well-known member
How do you get new pages to look like existing ones? With tabs to the left and border?

New help page
Screen Shot 2014-08-14 at 12.57.15 PM.webp

Existing help page
Screen Shot 2014-08-14 at 12.57.48 PM.webp
 
Well, actually, what am I saying...

In the custom link field in Options, just paste the URL to the new custom help page terms and conditions...
 
Well, actually, what am I saying...

In the custom link field in Options, just paste the URL to the new custom help page terms and conditions...
It will not work like that, not sure why, however, just changed it here in the footer template link to my custom page.

Code:
<xen:if is="{$tosUrl}"><li><a href="http://mysite.com/community/help/new/">{xen:phrase terms_and_rules}</a></li></xen:if>
 
I hate to say it: This time you are not being electronically challenged :)

Using a custom terms and rules URL adds a link to it in the Help page. If you want that custom URL to be a custom help page, then you get a duplicate entry in the help sidebar. Seems like there could be an improvement made there so I posted this bug report: http://xenforo.com/community/thread...is-used-and-that-is-a-custom-help-page.80871/
 
In case anyone else wants to tidy up their custom page, I just added a div class and some CSS added in the EXTRA.css

Added the DIV class in the page option field ( you can name the class what ever you like but the CSS must reflect the same name):

HTML:
<div class="terms">Your content HTML goes here</div>

Added this in the CSS
Code:
/* page node terms border */

.terms {
background-color: #e0ded4;
padding: 10px;
margin: 10px auto;
border: 1px solid rgb(199, 197, 188);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}

Which gives you this:

image.webp
 
Top Bottom