XF 2.x change margin size betwen two message box

BassMan

Staff member
Administrator
Messages
677
Likes
324
Website
www.customizexf.com
#2
Hi maszd,

change margin size betwen message box
Add this to extra.less:
Code:
.block--messages .message+.message {
    margin-top: 20px;
}
Adjust the size to suit your needs.


Add this to extra.less:
Code:
.block--messages .message {
    box-shadow: 0 0 2px 0 rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.12), 0 1px 3px 0 rgba(0,0,0,.2);
}
Regards
 

maszd

cXF BRONZE
cXF Donor
Messages
112
Likes
43
#3
Add this to extra.less:
Code:
.block--messages .message {
    box-shadow: 0 0 2px 0 rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.12), 0 1px 3px 0 rgba(0,0,0,.2);
}
Regards
thank you @BassMan working perfect :heart:
how about forum list and widget, i want to add shadow too :D
thank you.
 

maszd

cXF BRONZE
cXF Donor
Messages
112
Likes
43
#4
found for category with this code:
Code:
.block--category {
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.14), 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2);
}
but i cant found for widget :neutral:
 
Last edited:

BassMan

Staff member
Administrator
Messages
677
Likes
324
Website
www.customizexf.com
#5
Maszd,

for sidebar block use this:
Code:
.p-body-sidebar .block-container {
    box-shadow: 0 0 2px 0 rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.12), 0 1px 3px 0 rgba(0,0,0,.2);
}
 

Welcome to customizeXF

We are running default XenForo style customized by cXF
Registration is free!

Top