The current design of the Event date in the Upcoming Events module in vBulletin 5.2.6 looks bland. Want to make it rock and look more appealing like below?



Add this custom CSS in css_additional.css template in AdminCP or in Sitebuilder > Style > CSS Editor

For vB 5.3.0+:
Kod:
.b-event__date {
    border: 1px solid #ccc;
    margin-right: 10px;
    text-align: center;
    box-shadow: 3px 3px 0px rgba(00,0,0,.15);
    position: relative;
}
.b-event__date:before {
    content: '';
    position: absolute;
    left: calc(50% - (100% - 32px)/2);
    top: -4px;
    width: calc(100% - 34px);
    height: 7px;
    border-left: solid 1px #aaa;
    border-right: solid 1px #aaa;
}
For vB 5.2.6:
Kod:
.b-event__bigdate {
    border: 1px solid #ccc;
    margin-right: 10px;
    text-align: center;
    box-shadow: 3px 3px 0px rgba(00,0,0,.15);
    position: relative;
}
.b-event__bigdate:before {
    content: '';
    position: absolute;
    left: calc(50% - (100% - 53px)/2);
    top: -4px;
    width: calc(100% - 53px);
    height: 7px;
    border-left: solid 1px #aaa;
    border-right: solid 1px #aaa;
}