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! :)
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.