How do I remove widget border box?

[paulnicholson]

I want to remove the widget border box in vbulletin suite 4.0.8. I am inserting a facebook like box and I have to sacrifice information and make it thinner. The widget boxes make my site look amateur as well. Anyone know how to remove the border so users can only see the contents?

[Lynne]

I'm not sure exactly what you want (an image always helps), but the border is defined in ".cms_widget", so you can add this to additional.css to get rid of it:

.cms_widget {border:none;}

[paulnicholson]

Where is that located please? I'm pretty new.

[Lynne]

addiitional.css is a template. It's in the CSS Templates group.

[paulnicholson]

Can you give me a clue as to how to find that please?

[Lynne]

Style Manager > find style > Edit Templates > double-click on CSS Templates group and it's right there.

[oxide11]

Nice one can you give me a more functions info where i can manage widgets by addiitional.css.
For example how to remove the icon from widgets.. can i do it form additional.ccs ?

[Lynne]

You would have to edit the template for the widget to remove the image.

[wombycat]

I'm trying to get rid of the lines below from Version 4.1.6



I tried this

Originally Posted by Lynne

I'm not sure exactly what you want (an image always helps), but the border is defined in ".cms_widget", so you can add this to additional.css to get rid of it:

.cms_widget {border:none;}

so that my additional.css template looked like this below

div.steamprofile{
float:right;
display:block;
z-index:300;
}
.cms_widget {border:none;}

Is that what you meant or was I being to literal?

[Lynne]

That looks correct. Did you try it?