XF 1.4 How to add a border for my categories?

[Betclever]

Hello,

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

Thanks all,

 

[TJA]

Add to EXTRA.css

.nodeList .node.level_1 {
border: 1px solid #000000;
}

Change colour code to colour of your choice.

 

[Betclever]

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

 

[TJA]

Add

border-radius: 5px;

to what I gave you

 

[Betclever]

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,

 

[TJA]

Try this in your EXTRA.css

.nodeList .node.level_1 {
border: 1px solid #d5d5d5;
background-color: #f1f1ec;
padding: 5px;
border-radius: 5px;
}

@Jeremy can you merge this thread into https://xenforo.com/community/threads/flexile.72515/ please.

 

[Betclever]

Nice!
Thanks very much!

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

 

[TJA]

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

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.

 

[Betclever]

Thanks TJA,

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

Thanks,

 

[Amaury]

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

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

 

[TJA]

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

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;
}

 

[Betclever]

Thank you very much TJA !

It works perfectly