Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Montezuma Theme (http://forum.bytesforall.com/forumdisplay.php?f=53)
-   -   [SOLVED] CSS to remove ALL animated icons? (http://forum.bytesforall.com/showthread.php?t=19712)

flippertie Feb 24, 2013 01:31 AM

[SOLVED] CSS to remove ALL animated icons?
 
Is there a simple way to hide all the animated icons in this theme? I'd like to remove the Star icons above the menu and the ones from the headers in the sidebar.

I've searched this forum and found multiple threads about changing the icons and creating your own sprites etc, but none about removing them completely.

I've installed firebug for firefox and had a look at this site's CSS http://mat-psychologonline.pl/. I've got as far as working out that it's to do with hiding the <i> element - but I'm not sure where to go from here.

Any pointers would be appreciated!

juggledad Feb 24, 2013 04:33 AM

is there one statement that will shut them all of...no because different css selectors are used.

just go thru with firebug and find each peice of CSS that puts them out - as you have found it is on the <i> - and add to that CSS a 'display: none;' - you could lump all the CSS together and put it at the end of the 'clearfix.css' so ou will know it is applied last.

And if you want to help others, you could post all teh code that was needed. :)

jerryc Feb 24, 2013 08:42 PM

Quote:

Originally Posted by flippertie (Post 96992)
Is there a simple way to hide all the animated icons in this theme

Go to dashboard > appearance > mz options > css settings > insert <i> for icons. Delete or comment out anywhere you don't want icons to appear.

flippertie Feb 24, 2013 10:08 PM

Quote:

Originally Posted by juggledad (Post 96995)

And if you want to help others, you could post all teh code that was needed. :)

Funnily enough that's what I came back here to do :)
In the wordpress dashboard, under Appearance>> Edit CSS I entered the following which removed the icons over the menu, and in the sidebar.

Code:

/* hide moving icons */
#menu1 > li > a > i {
        display: none;
}

.widget > h3 i {
        display: none;
}

And if i knew how to mark this thread as [solved] i would...


All times are GMT -6. The time now is 12:14 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.