View Full Version : Make top of header rounded
Staxed
04-01-2010, 10:30 PM
Alright, I don't know if I'm crazy or blind, but I can't find what I need to edit to get the top of the header rounded.
The bottom of the navbar is rounded, but where do I go to round the top?
Image attached. Areas I want rounded are circled in green.
ForumsMods
04-01-2010, 11:43 PM
Edit vbulletin-chrome.css template.
Search:
.above_body {
background:{vb:stylevar header_background};
_background-image: none;
margin: {vb:stylevar header_padding};
width: 100%;
-moz-border-radius-bottom{vb:stylevar left}:{vb:stylevar border_radius};
-moz-border-radius-bottom{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar left}-radius:{vb:stylevar border_radius};
-webkit-border-bottom-{vb:stylevar right}-radius:{vb:stylevar border_radius};
}
Replace with:
.above_body {
background:{vb:stylevar header_background};
_background-image: none;
margin: {vb:stylevar header_padding};
width: 100%;
-moz-border-radius:{vb:stylevar border_radius};
-webkit-border-radius:{vb:stylevar border_radius};
}
Edit header_padding stylevar and change Top to 10.
Staxed
04-02-2010, 10:26 AM
wow, i haven't messed with vbulletin for about a year or so, seems v4 made templating a little harder. vbulletin-chrome? not very intuitive for a header file...lol
(thanks though :D)
ForumsMods
04-02-2010, 02:17 PM
It is not the header template.
It is a css template.
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.