Log in

View Full Version : How to remove little icons on the widgets


maryx
12-27-2010, 09:01 PM
The widgets automatically put an annoying little icon in the title row of each widget on my Home page. (They are attached)

How can I edit them out? What is the complete path to the image file? They are not in cms/images/
I can put in something nicer.

Fount it! Just by inspecting the element. It is in images/siteicons

TheLastSuperman
12-27-2010, 09:16 PM
The widgets automatically put an annoying little icon in the title row of each widget on my Home page. (They are attached)

How can I edit them out? What is the complete path to the image file? They are not in cms/images/
I can put in something nicer.

Fount it! Just by inspecting the element. It is in images/siteicons

Just don't delete them :cool: otherwise in Firefox it will look fine however in IE you'll see little red X's :eek:.

So edit them (images) OR find the templates that image code is in and comment it out using:

<vb:comment> HIDES THIS CODE INSIDE ETC </vb:comment:>

:cool:

maryx
12-27-2010, 09:50 PM
What I did was replace each image with another image that I preferred (gave them the same names as the originals.) They replaced OK, but the old images are still showing up. The image path I used is images/site_icons

I don't think this is the correct path, as php wasn't in there to be replaced.

Any help here? Thanks!

TheLastSuperman
12-27-2010, 10:10 PM
What I did was replace each image with another image that I preferred (gave them the same names as the originals.) They replaced OK, but the old images are still showing up. The image path I used is images/site_icons

I don't think this is the correct path, as php wasn't in there to be replaced.

Any help here? Thanks!

Suite means some images are in a cms folder and some in a blog folder... for example if it's the CMS here is the little speech bubbles:

images/cms/widget-forum.png

So you need to overwrite those files, remember you can view all the folders and files fromt he vbulletin .zip file by extracting it to your local hard drive/desktop etc etc find the images there easily then navigate to each folder on your server or in ftp etc then overwrite :cool:.

Edit: Ohh and right-click and view the image or it's location etc to see where it is!

Baf_Jams
01-03-2011, 12:57 AM
I right-clicked and viewed the image at it's location and then replaced them via FTP with a small clear gif
(gave them the same names as the originals.)

Small clear gif found from google :)

maryx
01-03-2011, 12:38 PM
Thanks for everyone's help, I have finally got rid of those annoying icons and put something nicer in their place.

bajrice
06-08-2011, 05:35 PM
check this,... its late but it helps ;)

search this,...

vbcms_widget_execphp_page ----> php
vbcms_widget_static_page ----> html


Remove this,... in both

<img src="{vb:stylevar imgdir_siteicons}/XXX.png" alt="" />

pantani
10-19-2011, 06:18 AM
check this,... its late but it helps ;)

search this,...

vbcms_widget_execphp_page ----> php
vbcms_widget_static_page ----> html


Remove this,... in both

<img src="{vb:stylevar imgdir_siteicons}/XXX.png" alt="" />

Perfect :)
Thanks for helping

Theme Tempest
10-19-2011, 01:50 PM
An easier way is to add this to your additional.css template:

.cms_widget_header h3 img {
display: none;
}

Of course, the above is only if you want to hide them altogether and not replace them. I personally think images in the widgets header look too cluttered, no matter what you put there.

steve k.
02-08-2012, 11:05 PM
An easier way is to add this to your additional.css template:

.cms_widget_header h3 img {
display: none;
}

Of course, the above is only if you want to hide them altogether and not replace them. I personally think images in the widgets header look too cluttered, no matter what you put there.

Can this also be done to the Blocks in the forum?

setishock
02-09-2012, 02:42 AM
I was going to suggest that route also. Yes you can knock them out of the sidebar blocks

Eq4bits
02-29-2012, 06:19 PM
An easier way is to add this to your additional.css template:

.cms_widget_header h3 img {
display: none;
}
Of course, the above is only if you want to hide them altogether and not replace them. I personally think images in the widgets header look too cluttered, no matter what you put there.
So for blog sidebar/blocks/widgets (whatever you want to call them) what would one add to the additional.css to remove the icons those 'things' have?

Palmcone
06-03-2012, 09:43 PM
An easier way is to add this to your additional.css template:

.cms_widget_header h3 img {
display: none;
}

Of course, the above is only if you want to hide them altogether and not replace them. I personally think images in the widgets header look too cluttered, no matter what you put there.


Perfect solution. Thank you! :)