Sidebar Widgets with Rounded Corners
Collapse
X
-
-
-
Code:.forum-list-container .category-header td { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
Comment
-
Comment
-
This doesn't work, I get a curved white line cutting off the top corners on the category header and nothing on the other http://www.premierleagueforum.co.ukTranslations provided by Google.
Wayne Luke
The Rabid Badger - a vBulletin Cloud demonstration site.
vBulletin 5 APIComment
-
Comment
-
Firefox behaves oddly when applying rounded corners to table cells when the row has background color.
Try changing the background color of the row to transparent and then moving the blue background color to the cell.
Code:.forum-list-container .category-header { background: transparent; } .forum-list-container .category-header td { background: #010042; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
Comment
-
Firefox behaves oddly when applying rounded corners to table cells when the row has background color.
Try changing the background color of the row to transparent and then moving the blue background color to the cell.
Code:.forum-list-container .category-header { background: transparent; } .forum-list-container .category-header td { background: #010042; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
Comment
-
You've got that site looking pretty decent actually.MARK.B
vBulletin Support
------------
My Unofficial vBulletin 6.0.0 Demo: https://www.talknewsuk.com
My Unofficial vBulletin Cloud Demo: https://www.adminammo.comComment
-
Yeah nice site! And you have my free floating bar mod thereComment
-
Thanks for the compliments guys, coming from you two, that is praise indeed, it's still very much work in progress, hopefully going public for the start of the new season in August. I'm just trying to make it as pleasing to the eye and user friendly as possible,
Glenn I really like the floating toolbar, has to be tested on members in anger yet though.
What I really need is a word replacement system for the censor ( not asterix but a stated word) and BOP to convert his autolinker MOD to VB5 that would be great.👍 1Comment
-
You can easily add rounded corners to your sidebar widgets resulting in the following:
[ATTACH=CONFIG]62306[/ATTACH]
Add this code to additional.css for rounded corners on your sidebar widgets
Code:.canvas-widget.default-widget, .search-widget, .blogsidebar-widget { -moz-border-radius-topleft:10px !important; -moz-border-radius-topright:10px !important; -webkit-border-top-left-radius:10px !important; -webkit-border-top-right-radius:10px !important; border-top-left-radius:10px !important; border-top-right-radius:10px !important; -moz-border-radius-bottomleft:10px !important; -moz-border-radius-bottomright:10px !important; -webkit-border-bottom-left-radius:10px !important; -webkit-border-bottom-right-radius:10px !important; border-bottom-left-radius:10px !important; border-bottom-right-radius:10px !important; } .widget-header.clearfix { -moz-border-radius-topleft:10px !important; -moz-border-radius-topright:10px !important; -webkit-border-top-left-radius:10px !important; -webkit-border-top-right-radius:10px !important; border-top-left-radius:10px !important; border-top-right-radius:10px !important; }
Comment
widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
Comment