main-rollup.css: Where are these definitions?

This is driving me insane.

I'm trying to get rid of the blue border around the controls blocks. Like a good little debugger, I'm using Firebug to try and sort my way through the stylevars.



After hunting through css, stylevars, templates, and a couple of beer bottles (the answer was not in them, but I felt better for checking) I found that the CSS is ,blockbody .formcontrols .blockrow.



For the life of me, I can't find this statement anywhere. Where is this border defined, and how do I go about getting rid of it?

Cheers!

[Lynne]

Do a Search in Templates for ".formcontrols .blockrow" and you should find it.

Aha! It's actually the tabslight_border Stylevar. It was being all sneaky, and hiding in the CSS with a stylevar call in the defintion. I just wasn't going about it with the right thought process (I was hunting for absolute code, HTML colors, RGB colors, needles, haystacks, and the remainder of my sanity...)

.formcontrols .blockrow {
	background:{vb:stylevar formrow_background.backgroundColor} {vb:stylevar formrow_background.backgroundImage} bottom repeat-x;
	border-top:solid 1px {vb:stylevar light_border.borderColor};
	padding:10px 5px;
}

I'm just going to change my signature to "Thank you Lynne, I owe you a(nother) beer" at this point.

[Lynne]

LOL. You may want to see this - How To: Find a StyleVar (video version)

[EasyEazy]

Originally Posted by Lynne

LOL. You may want to see this - How To: Find a StyleVar (video version)

Been looking how to change a colour. Many thanks for the heads up on the video Lynne