Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

Place Custom Menu Code with CSS & Javascript Looks Ugly


  #1  
Old Jul 21, 2012, 03:56 PM
GRF
 
76 posts · Mar 2011
What is the way to have the theme code leave custom CSS & Javascript code alone that is contained in a Text Widget?

Do you have to put !important before the closing ";" in each line of code?

Thanks
Glenn
  #2  
Old Jul 21, 2012, 03:59 PM
juggledad's Avatar
juggledad
 
23,648 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
it depends on the selectors. If the text widget has a div with a unique ID and you use that in the CSS there should be no conflict. It is all about how qualified the CSS Selector is.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jul 21, 2012, 05:08 PM
GRF
 
76 posts · Mar 2011
OK, here is a small snippet of code in one of the files that is generated by a menu program I use which works perfectly on my main web site...

Maybe you can give me some guidance on how to have the theme ignore all this code.

//Core CSS
document.write('<style type="text/css">.imcm ul,.imcm li,.imcm div,.imcm span,.imcm a{text-align:left;vertical-align:top;padding:0px;margin:0;list-style:none outside none;border-style:none;background-image:none;clear:none;float:none;display:block;pos ition:static;overflow:visible;line-height:normal;}.imcm li a img{display:inline;border-width:0px;}.imcm span{display:inline;}.imcm .imclear,.imclear{clear:both;height:0px;visibility :hidden;line-height:0px;font-size:1px;}.imcm .imsc{position:relative;}.imcm .imsubc{position:absolute;visibility:hidden;}.imcm li{list-style:none;font-size:1px;float:left;}.imcm ul ul li{width:100%;float:none !important;}.imcm a{display:block;position:relative;}.imcm ul .imsc,.imcm ul .imsubc {z-index:10;}.imcm ul ul .imsc,.imcm ul ul .imsubc{z-index:20;}.imcm ul ul ul .imsc,.imcm ul ul ul .imsubc{z-index:30;}.imde ul li:hover .imsubc{visibility:visible;}.imde ul ul li:hover .imsubc{visibility:visible;}.imde ul ul ul li:hover .imsubc{visibility:visible;}.imde li:hover ul .imsubc{visibility:hidden;}.imde li:hover ul ul .imsubc{visibility:hidden;}.imde li:hover ul ul ul .imsubc{visibility:hidden;}.imcm .imea{display:block;position:relative;left:0px;fon t-size:1px;line-height:1px;height:0px;width:1px;float:right;}.imcm .imea span{display:block;position:relative;font-size:1px;line-height:0px;}.dvs,.dvm{border-width:0px}/*\*//*/.imcm .imea{visibility:hidden;}/**/</style><!--[if IE]><style type="text/css">.imcm .imea span{position:absolute;}.imcm .imclear,.imclear{display:none;}.imcm{zoom:1;} .imcm li{curosr:hand;} .imcm ul{zoom:1}.imcm a{zoom:1;}</style><![endif]--><!--[if gte IE 7]><style type="text/css">.imcm .imsubc{background-image:url(ie_css_fix);}</style><![endif]-->');
  #4  
Old Jul 21, 2012, 07:02 PM
juggledad's Avatar
juggledad
 
23,648 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
well since every CSS selector begins with '.imcm' that means this css applies to html elements with a class of 'imcm' and since no Atahualpa html uses that, it won't effect any of the atahualpa generated HTML.

No will the Atahualpa CSS effect the menu's HTML...without seeing the menu's HTML and not knowing the URL of the site, there is no way to tell
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Jul 21, 2012, 10:43 PM
GRF
 
76 posts · Mar 2011
Could the reason the menu CSS code displays correctly on my web pages and not in the theme be due to the DocType?

All my web pages use this DocType...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

I'm not sure what the theme uses.
  #6  
Old Jul 22, 2012, 04:37 AM
juggledad's Avatar
juggledad
 
23,648 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what version of Atahualpa and WP?
What is the url?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Jul 22, 2012, 05:54 AM
GRF
 
76 posts · Mar 2011
WordPress 3.3.1, Atahualpa 3.6.4, http://www.selfdefensegearco.com/personal-protection

The menu can be seen on the left sidebar all the way down the page. I put it there so, it doesn't look bad when people view my blog. Normally it is at the top of the sidebar.

The menu should look just like the one I have on my retail web site at http://www.selfdefensegearco.com/JPX...ectorBlack.htm

Thanks,
Glenn
  #8  
Old Jul 22, 2012, 10:00 AM
juggledad's Avatar
juggledad
 
23,648 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
You need to use firebug in firefox and look at the li's and see what CSS is being applied - remember that CSS cascades if you want the widgets to look different, you need to find the css that is being applied and override it.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Totally Ignore CSS & Javascript in Menu Code using in SideBar? GRF Sidebars & Widgets 3 Jan 11, 2012 06:50 AM
No Javascript in Text Widget (adsense code) kitetheworld Sidebars & Widgets 3 Jul 3, 2011 09:25 AM
[SOLVED] Can't save code that includes javascript? horsemansarts Installing & running WordPress 2 Feb 18, 2010 02:34 PM
How to add custom upper menu using javascript bkaushik Forum How-To 0 Feb 4, 2010 09:17 PM
How do I place Feedjit (or other Javascript) in the sidebar? Radish Sidebars & Widgets 2 Jul 16, 2009 08:56 AM


All times are GMT -6. The time now is 06:16 PM.


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