View Full Version : How do I remove the frame from Widgets?

30 Jun 2010, 14:27
I'm not a big fan of widget content being sat in a frame with the title and would much sooner it float on the page. How would I go about editing the widgets to do this?

I'm pretty new to vb and haven't done that much modding to my suite yet, so have no idea if this is possible let alone simply difficult.


05 Jul 2010, 04:59
You want remove the whole sidebar widgets or customizing widgets look?

05 Jul 2010, 09:38
Customize the look. They sit in a white frame with "<Title>" of the widget. I'd sooner it not be in a frame and just sitting on the page. Any idea where I need to be looking? I figure it would be as simple as editing the images that make the frame and saving them as a clear transparent .png or something so that they don't show.

05 Jul 2010, 15:42
You may create your own template for the widget (that has no frame, no title, etc) and enter the name of the custom template in the Configure Widget screen.

05 Mar 2011, 09:42
Is any info somewhere ho to do it? I want to remove frames in all widgets in CMS.

05 Mar 2011, 16:54
An image of what you are trying to achieve and a link to your site would help. Most likely, you just need to write some CSS for what you want, but we can't tell you want that is without an image and link.

08 Mar 2011, 14:05
I am interested too in doing that. An example for this http://www.maxconsole.net/content.php or http://www.minatica.be/content/

08 Mar 2011, 16:55
Do you have firebug? It will tell you exactly what classes have the borders and such so that you can then remove it. Like it says:
.cms_widget { -moz-border-radius: 5px 5px 5px 5px; -moz-box-shadow: -2px 2px 2px #C8C8C8; background-color: #F1F1F1; border: 1px solid #C1C1C1;

So either go edit that, or add something like:
.cms_widget {
border: 0; }

Do that for all borders/backgrounds you want to remove.

11 Mar 2011, 16:57
i've instaled firebug and i saw that the class for the frame is div class = block but where i go to edit that, i tried what you said in the previous post but i didn't know where to put that or where to find it ( i tried in the additional.css template )

11 Mar 2011, 17:07
The information on the right in firebug is what you want to look at. It shows you the CSS setting the properties. Then you can do a Search in Templates for it or just use it to write your own stuff in additional.css to replace it.

11 Mar 2011, 20:21
Now i understood and fixed. Thank you verry much for your pacience

03 Jul 2011, 14:33
I tried the solution of Mrs Lynne and it works fine, the only thing that I need is the background of the header widget.


.cms_widget {
background-color: 0;
border: 0;

05 Jul 2011, 07:29
Is it help?

05 Jul 2011, 10:29
I've gone through the vbcms.css template and where I want to kill a part of the widget I just added this command >

display: none;

Make that the first item in the list. Or where there is a color just change it to transparent.
See attachment. I'm still dinking with it but that should get you going.