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

XF 1.4 How to add a border for my categories?

Discussion in 'Styling and Customization Questions' started by Betclever, Dec 10, 2014.

  1. Betclever

    Betclever Active Member


    How can I add a border for my categories like on Xenforo but for each category?

    Thanks all,
  2. TJA

    TJA Well-Known Member

    Add to EXTRA.css

    .nodeList .node.level_1 {
    border: 1px solid #000000;
    Change colour code to colour of your choice.
  3. Betclever

    Betclever Active Member

    Super it works but not so esthetic :(

    Is it possible to have rounded corners?

    Can you give me something which is styled for my categories please?

    Thanks anyway for the first post :)
  4. TJA

    TJA Well-Known Member


    border-radius: 5px;

    to what I gave you
  5. Betclever

    Betclever Active Member

    In fact, I'm using the theme Flexile and I have rounded corners on my categories.

    Please find my website: bet-clever.com

    In fact, I don't want to copy the idea of this website: xenfrench.com but just make something which is similar but not copy cause each person has his style you know :)

    Do you have any idea what can I add on my style sheet to get something similar ?

    Change the font will be a good thing cause the white is overall :)

  6. TJA

    TJA Well-Known Member

  7. Betclever

    Betclever Active Member

    Thanks very much!

    Just a question, can we change the color white for the background category?
  8. TJA

    TJA Well-Known Member

    You can change the background colour to white by changing the color code of #f1f1ec to #ffffff

    Personally I think it looks good as is, what I would suggest is un-checking this box in Style Properties: ├ [UI.X] Forum Nodes to see how it looks.

  9. Betclever

    Betclever Active Member

    Thanks TJA,

    Can we do the same for my shoutbox which is under the categories just before the footer?

  10. Amaury

    Amaury Well-Known Member

    You'll need to ask in the add-on thread for support.
  11. TJA

    TJA Well-Known Member

    Can't see you shoutbox, however you could try this in EXTRA.css
    .forum_list .section.sectionMain.nodeList.taigachat_alt.taigachat_reverse {
    border: 1px solid #d5d5d5;
    background-color: #f1f1ec;
    padding: 5px;
    border-radius: 5px;
  12. Betclever

    Betclever Active Member

    Thank you very much TJA !

    It works perfectly :)

Share This Page