XF 2.0 change margin size betwen two message box

Currently reading:
XF 2.0 change margin size betwen two message box

BassMan

Staff member
Administrator
May 18, 2015
1,195
774
www.customizexf.com
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 shadow
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 Pack C
cXF Pack B
cXF Donor
May 20, 2015
119
46
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 Pack C
cXF Pack B
cXF Donor
May 20, 2015
119
46
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
May 18, 2015
1,195
774
www.customizexf.com
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);
}
 

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.

Welcome to customizeXF

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

Search forums

Sticky sidebar

You'd like to have sticky sidebar on your forum? Click below.

Top