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

    Hello,

    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

    Code:
    .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

    Add

    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 :)

    Thanks,
     
  6. TJA

    TJA Well-Known Member

  7. Betclever

    Betclever Active Member

    Nice!
    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.

    upload_2014-12-10_1-9-52.png
     
  9. Betclever

    Betclever Active Member

    Thanks TJA,

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

    Thanks,
     
  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
    Code:
    .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