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

Creating a custom theme

Discussion in 'Styling and Customization Questions' started by Steph1611, Jan 4, 2014.

  1. Steph1611

    Steph1611 New Member

    Hi there,
    I'm new at Xenforo e I've looked around XF Documentation & Help a bit, but there's still a question: what is the best way to create a new custom theme?
    a) Creating a new default template and modifying css files directly
    b) Creating a new default template, creating an extra css file and including it on the footer for example. In this way the new css properties will overwrite the default ones.
    Which is the best choice?
  2. Russ

    Russ Well-Known Member

    Here's a nice guide:


    Also can check one I have out:

    http://xenforo.com/community/resources/create-simple-style-properties.2048/ regarding style properties.

    Stick to style properties as much as you can(they don't cover everything) then you can utilize extra.css for additional CSS snippits. I avoid template edits typically but if you need to change around some html in the templates don't be afraid to touch them.

    Best of luck and if you need help just ask :)
  3. mistypants

    mistypants Well-Known Member

    To add to what Russ said, if you did you're putting a lot into EXTRA.css (I always do), or otherwise want to organize your code, you can create a new CSS template (must be in debug mode) and include it in your EXTRA.css template with this code:
    <xen:include template="yournewtemplate.css" />
  4. Steph1611

    Steph1611 New Member

    That's what I intended to do mistypants :) I'm used to edit css files directly instead of using tools like Style Properties. Anyway where can I find the complete documentation about XF syntax?
  5. mistypants

    mistypants Well-Known Member

Share This Page