XF 2.x change margin size betwen two message box

BassMan

Staff member
Administrator
Messages
763
Likes
396
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 Pack A
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 Pack A
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
763
Likes
396
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);
}
 

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