block border ??

[Mutt]

I'm trying to edit the block border around the post form on newthread, reply, quick reply, etc and I'm not having any luck.

I've thickened up the block header border by changing the border width but I can't figure out how to thicken up the 2 sides & bottom of the block row border. i can see in the style guild that the var I need to change is block_border but changing the settings there seem to do nothing. i made sure to change all settings for width, color, units, & style but I still just get a thin black line.

anyone know how to change this border? i've attached a screen cap of the stylevar guide identifying the var & a screen cap w/ a red arrow showing what i'm trying to edit. man the new CSS is driving me nuts.

thanks in advance

[Charlie98902]

See if this helps you - http://www.vbulletin.com/docs/html/stylevar_container_general

[Mutt]

See if this helps you - http://www.vbulletin.com/docs/html/stylevar_container_general

thanks but according to that I'm editing the right thing

block_border - Changes the width, color and style of the border around forms

but editing that seems to do nothing. i don't know why



changing blockfoot_border works.
blockfoot_border - Changes the width, color and style of the last row on the page

and so does blockhead_border
blockhead_border - Changes the width, color and style of the outline around the block head border

but not block_border



and it's not blockrow_border. that makes lines inside the outer border.

[Charlie98902]

Well the best way to get it right the first time is use firefox and install firebug. I had to fo most of my theme that way as the stylvar was way pre-mature.

[Mutt]

Well the best way to get it right the first time is use firefox and install firebug. I had to fo most of my theme that way as the stylvar was way pre-mature.

thanks charlie, that helped so much. from firebug I can see that border is set by CSS "section"
which isn't in the style var editor but looking in the CSS templates I found this chuck of code in vbulletin-formcontrols.css

/* div.section is needed to resolve IE7 percentage width bug */
.formcontrols .section {
padding:0 15px;
}

I added my border color & width there & it worked like a charm. I guess I better check IE now. maybe I need to set it in both places.

thanks again

[Charlie98902]

I would of mentioned it earlier but I thought it already was in the stylvars. I always go the easiest route first.

[Mutt]

that fixed it in IE too. not sure what the block_border in the editr does.

thanks once again

[clubplanet]

thanks charlie, that helped so much. from firebug I can see that border is set by CSS "section"
which isn't in the style var editor but looking in the CSS templates I found this chuck of code in vbulletin-formcontrols.css

/* div.section is needed to resolve IE7 percentage width bug */
.formcontrols .section {
padding:0 15px;
}

I added my border color & width there & it worked like a charm. I guess I better check IE now. maybe I need to set it in both places.

thanks again

I'd advise against changing it here as it makes things like the search form look a bit screwy. I finally found the stylevar that actually needs to be changed to make this happen:

Under Common -> tabslight_border

Hope that helps. I have no idea what block_border does either - nothing happened for me.