[vB4] WHY do you HATE US!!

[ricker]

I apologize in advance, I just need to vent some frustration.

I would rather customize 4-year-old php store software built in tables than work on a VB4 site.

You've seriously made it difficult, frustrating and time consuming beyond belief to change up the way sites are styled in VB4.

PLEASE get some input from people that design websites before you do stuff like this... seriously. The old way wasn't perfect but it was totally acceptable.

Sorry again

[ricker]

What good is a rant without a solution? I found it easiest in the end to add styles that are missing in the stylevars, and/or override them from an external CSS file. "!important" makes sure the override does just that. Here is the CSS I used, maybe some of it will help one of you out, or give you a guide on how to get going with further customization of your board. You can find my site in my sig below if you want to see it live.

* { -moz-box-shadow: none !important; }
* { -webkit-box-shadow: none !important; }


/* PROFILE */

#sidebar_container .blocksubhead {
	color: #FFF !important; }
	
	.blocksubhead a {
		color: #FFF !important;
		text-decoration: underline !important;
		font-weight: normal !important;	}

.userprof_moduleinactive a {
	color: #FFF !important; }

.moduleinactive_bg {
	color: #958f63 !important; 	 }

.userprof_moduleinactive {
	background-color: #430 !important; }
	
	dd.userprof_module { /* about me tab */
		background-color: #958f63 !important;
		border-right: 1px solid #958f63 !important;
		border-left: 1px solid #958f63 !important;
		border-top: 1px solid #958f63 !important; }
		
	.memberprofiletabunder {
		background-color: #958f63 !important; }
		
	#member_content dt {
		padding: 10px 0 1px 0; }
		
	.profile_content .subsubsectionhead { /* general info, vehicle info */
		color: #660000;
		font-size: 11px !important;
		text-transform: uppercase;
		border-bottom: 1px solid #eee; }
		
	.member_summary .mainblock a.avatar .avatarcontainer {
		padding: 10px 0; }
		
	.profile_content .blocksubhead h4  {
		font-size: 12px !important;
		font-weight: normal !important; }
	
.blocksubhead {
	background-color: #958f63 !important;
	color: #FFF !important;  }
	
	#sidebar_container .blocksubhead .blocktitle {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		text-transform: uppercase;
		color: #333 !important; }
	
/* end profile */

#searchtypeswitcher {
	border-bottom: 3px solid #430 !important; }
	
#searchtypeswitcher li a {
	background-color: #958f63 !important; }
	
#searchtypeswitcher li.selected a {
	 background-color: #430 !important;}

.toplinks ul.isuser li.welcomelink {
	padding-right: 0;
	margin-right: 0; }

.toplinks ul.isuser li.welcomelink a:link, .toplinks ul.isuser li.welcomelink a:visited {
	color: #660000;
	padding-right: 0;
	margin-right: 0; }

.toplinks ul.nouser li a {
	padding-left: 0 !important;
	padding-top: 0 !important;
	padding-right: 10px !important;
	border-right: 1px solid #ccc;
	margin: 4px 5px !important; }
	
.toplinks ul.isuser li a {
	padding-left: 0 !important;
	padding-top: 0 !important;
	padding-right: 10px !important;
	border-right: 1px solid #ccc;
	margin: 3px 0px 4px 3px !important; }

.toplinks ul.nouser li a, .toplinks ul.isuser li a {
	color: #660000;
	background-color: #FFF !important; }
	
.toplinks .logindetails {
	background-color: #FFF !important;  }
	
.toplinks ul.nouser li a:hover, .toplinks ul.isuser li a:hover {
	color: #666 !important;
	text-decoration: underline;
	background-color: #FFF !important; }
	 
.toplinks form input.textbox {
	color: #333;
	font-size: 13px;
	border: 1px solid #ccc;
	padding: 2px 4px 4px 4px; }
	
	.toplinks fieldset {	
		padding: 0;
		margin: 0; }
	
	.toplinks form input.loginbutton  { 
		text-transform: uppercase;
		padding: 0;
		margin: 0;
		color: #000;
		border: 1px solid #333;
		font: 12px Arial, Helvetica, Geneva, sans-serif !important;
		height: 24px; }
	
	.toplinks form input {
		font-size: 15px;
		border: 1px solid #333; }
	
	.toplinks .remember {
		padding: 4px 0 0 0; }
		
	.toplinks .remember label {
		font-size: 11px; }
		
input, textarea, select, button {
	font-size: 13px !important; }
	
#sidebar_container .blockrow .meta {
	font-size: 10px !important; }
	
.widget_post_header {
	font-family: Arial, Verdana;
	font-size: 14px !important;
	padding-bottom: 2px !important; }
	
.forumbit_post .forumstats li, .forumbit_post .forumstats_2 li {
	padding-right: 10px !important; }
	
.forumbit_post .foruminfo .forumdata .datacontainer {
	padding-left: 50px !important;
	padding-right: 0 !important;
	width: 91% !important; }
	
.forumbit_post .forumrow .forumlastpost {
	font-size: 11px !important;}
	
.wysiwyg.forum {
	background-color: #FFF !important; }

#usercp_nav .blockrow * a {
	line-height: 1.5em !important; }
	
#usercp_nav li a.usercp_folder-left {
	background-position: 25px center !important; }
	
#thumbnails li a .picture {
	color: #FFF !important; }

/* @group announcements */

#announcements .understate {
	font-size: .9em !important;
	display: none !important; }
	
.announceinfo dl {
	display: none !important; }

/* @end */

#pagetitle h1 {
	margin-bottom: 2px !important;
	line-height: 1.3em;
	font-size: 16px !important; }
	
#stickies .threadbit .alt {
	background-color: #fcf6e2 !important;
	margin-top: 5px !important; }
	
.threadbit .alt {
	margin-top: 5px !important; }

#welcomemessage {
	display: none !important; }
	
.postrow {
	overflow: visible !important; }

/* .notices li {
	background-color: #660000 !important;
	color: #FFF !important;
	padding: 10px 20px !important;
	font: 14px Verdana, Arial, Helvetica, Geneva, sans-serif !important; } */
	
.notices li {
	border: 1px solid #fce69d; }

[Alfa1]

Nice job!!!