XF 2.0 Style customize

Currently reading:
XF 2.0 Style customize

EfendiBey

New Member
Joined
Jan 4, 2018
Messages
3
Reaction score
0
Hello,

I have 2 question about style customizetion? Can yoy please help me?

1. How can I make a space like below photo?


2. How can I make a border around forums?


Thanks to all in advance..
 

BassMan

Staff member
Administrator
Joined
May 18, 2015
Messages
1,049
Reaction score
648
Website
www.customizexf.com
1. How can I make a space like below photo?
I'm not sure about that, sorry....



2. How can I make a border around forums?
Use this in extra.less template:
CSS:
.block--category .block-container {
    border: 3px solid #000000;
}
For different categories add .block--categoryX .block-container where X is your category ID.
 

BassMan

Staff member
Administrator
Joined
May 18, 2015
Messages
1,049
Reaction score
648
Website
www.customizexf.com
Actually for space between nodes do it like this in extra.less:
CSS:
.block-body .node-body {
    margin-top: 5px;
}
 

EfendiBey

New Member
Joined
Jan 4, 2018
Messages
3
Reaction score
0
I'm not sure about that, sorry....




Use this in extra.less template:
CSS:
.block--category .block-container {
    border: 3px solid #000000;
}
For different categories add .block--categoryX .block-container where X is your category ID.
This is wok well. Thank you

Actually for space between nodes do it like this in extra.less:
CSS:
.block-body .node-body {
    margin-top: 5px;
}
This is not work :(
 

BassMan

Staff member
Administrator
Joined
May 18, 2015
Messages
1,049
Reaction score
648
Website
www.customizexf.com
Yes, that code will not work. You will need to edit the template first to add new class. A bit more work...
 

Create an account or login to comment

You must be a member in order to leave a comment

Create account

Create an account on our community. It's easy!

Log in

Already have an account? Log in here.

Top