1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.4 Custom help page styling

Discussion in 'Styling and Customization Questions' started by tommydamic68, Aug 14, 2014.

  1. tommydamic68

    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.png

    Existing help page
    Screen Shot 2014-08-14 at 12.57.48 PM.png
     
  2. Chris D

    Chris D XenForo Developer Staff Member

  3. RoldanLT

    RoldanLT Well-Known Member

    Here: /admin.php?help-pages/ ;)
     
  4. tommydamic68

    tommydamic68 Well-Known Member

  5. tommydamic68

    tommydamic68 Well-Known Member

    Found the problem here:
    Screen Shot 2014-08-14 at 1.44.54 PM.png

    but when unchecking no terms and rules It removes the link from my footer, any work around?

    Screen Shot 2014-08-14 at 1.45.19 PM.png
     
  6. Chris D

    Chris D XenForo Developer Staff Member

    Template edit to put the link in the footer linking to the custom help page.
     
  7. tommydamic68

    tommydamic68 Well-Known Member

    Too complicated at this point, thanks @Chris D - I guess the link to the terms page in "options" is the issue if you want a terms and rules help page with the new help page option.
     
  8. Chris D

    Chris D XenForo Developer Staff Member

    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...
     
  9. tommydamic68

    tommydamic68 Well-Known Member

    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>
     
  10. Chris D

    Chris D XenForo Developer Staff Member

    Of course it will work... what did you try and what happened?
     
  11. tommydamic68

    tommydamic68 Well-Known Member

    It still gives me two links. I will try what you said, I have created a new help page called terms and rules link here http://sphynxlair.com/community/help/rules/ then I add this link here like so in options:

    Screen Shot 2014-08-14 at 2.16.23 PM.png

    And I still get this, both linking to same page:

    Screen Shot 2014-08-14 at 2.16.33 PM.png
     
  12. Chris D

    Chris D XenForo Developer Staff Member

  13. tommydamic68

    tommydamic68 Well-Known Member

    So its not me being electronically challenged? Or seriously, nothing I did?
     
  14. Chris D

    Chris D XenForo Developer Staff Member

    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/
     
    tommydamic68 likes this.
  15. tommydamic68

    tommydamic68 Well-Known Member

    So back to my original question, is there a way to get the page node to at least have the similar border as a help page?
     
    Connor Smith likes this.
  16. tommydamic68

    tommydamic68 Well-Known Member

    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.jpg
     
  17. vishall

    vishall Active Member

    :rolleyes: , Not sure if this would work for what you're trying to achieve but you can edit "terms_rules_text" phrase :)
     

Share This Page