[vBMods.rocks] Event Date That Rocks using CSS
Mod Version: 1.00, by noypiscripter
| vB Version: 5.2.6 | Rating:  (0 vote - 0 average) |
Installs: 5 |
| Released: 11 Mar 2017 | Last Update: Never | Downloads: 0 |
 Supported
Re-usable Code
|
||
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+:
For vB 5.2.6:
This mod is also posted at https://vbmods.rocks/forum/vbulletin-5-modifications/vbulletin-5-template-only-modifications/3004-event-date-that-rocks-using-css.
For more mods, visit https://vbmods.rocks
Add this custom CSS in css_additional.css template in AdminCP or in Sitebuilder > Style > CSS Editor
For vB 5.3.0+:
Code:
.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:
Code:
.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;
}
For more mods, visit https://vbmods.rocks
Download
No files for download.