Thank you! Found it :)
Printable View
Thank you! Found it :)
I'm not sure if this issue is for this template, or for a lot of templates. When you hover over an image, it's suppose to do a smaller pop-up window. But mine is NOT popping up........it's forcing the page down and appearing in the top left of the webpage.
Any thoughts as to why this is happening?
That issue is related to the IH2 mod you must have added to your site, the default zen cart doesn't do the image popup hover trick. You didn't upload either the stylesheet or the javascript file that comes with that mod into your template folder. Make sure all files are uploaded and in their happy correct spots.Quote:
Originally Posted by Jimbofoxman
how can I :
1. picture beside the logo
2. remove whole line over the menu
pls refer attachment for clear understanding.
regards.
--
sumri
www.gmbizspot.com --> come and shop here.
No, it does not happen on http://www.zencart137.jadetrue.com
Here is my CSS, must be something wrong with it?
-------
body {
behavior: url(includes/csshover.htc);
}
/*green*/
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color: #4f4f4f!important;background:#ffc708;}
/*blue
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#6C99D9;}
*/
/*red
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#DC262E;}
*/
/*grey
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #4f4f4f!important;background:#D5D5D5;}
*/
#buttonmenu {
width: 815px;
height: 25px;
margin-bottom: -6px;
margin-left: auto;
margin-right: auto;
position: relative;
top: -100px;
}
div#dropMenu {
width:70em;
margin:0 auto;
text-align:center;
z-index:1000;
position:relative;
}
div#dropMenu ul {
margin:0;
padding:0;
}
div#dropMenu li {
position:relative;
list-style:none;
margin:0;
float:left;
line-height:1em;
}
div#dropMenu ul.level1 {
width:70em;
margin:0 auto;
text-align:center;
font-weight: bold;
background:#2b2c89;
z-index:1000;
float:left;
}
div#dropMenu li:hover {font-weight: bold; color: #2b2c89;}
/*div#dropMenu li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;}**/
div#dropMenu li.submenu:hover {}
div#dropMenu li a {display: block; padding: .6em 2em .6em 2em;text-decoration: none; text-transform:uppercase; color:#ffffff; text-align:center; border-right:1px solid #ffc708; border-left:1px solid #ffc708;}
div#dropMenu>ul a {width: auto;}
div#dropMenu ul ul {position: absolute; width: 12em;display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid #CCC; width:12em;}
div#dropMenu li.submenu li.submenu {background: url(../images/submenu.gif) 98% 50% no-repeat;}
div#dropMenu ul.level1 li.submenu:hover ul.level2,
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5,
div#dropMenu ul.level5 li.submenu:hover ul.level6,
div#dropMenu ul.level6 li.submenu:hover ul.level7,
div#dropMenu ul.level7 li.submenu:hover ul.level8 {display:block;z-index:1000;}
div#dropMenu ul.level2 {background:#848484;z-index:1000;position:absolute;font-weight:normal;}
div#dropMenu ul.level3,
div#dropMenu ul.level4,
div#dropMenu ul.level5,
div#dropMenu ul.level6,
div#dropMenu ul.level7,
div#dropMenu ul.level8{top: 0; left: 12em; background:#848484}
div#dropMenu ul.level2 a {padding: 0.5em 0 0.5em 0.25em;color: white; text-transform:none;} /* this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {color:#3986BF;}
Between the country pull down selector and the alert asterisk, there is an extra space or extra something. I cannot find the cause anywhere and it does not show up in the obvious spot when viewing the source code. Highlight from "Country" through the asterisk and you'll see this extra character space right before the "*". I suspect it may not be a space as it is extends below the baseline of the asterisk.
Jade, it looks like you've taken the time to fix the spacing between forms and alerts on your demo compared to an unedited install, so perhaps you have also tried to remove this extra space that is troubling me. Can it not be removed or do you have an idea where I should check? I've looked at both the language file and tpl_modules_create_account.php and have come up empty.
Argh, my CSS is weaker than I'd like it to be and I used an intermediate div ID. I'm always doing that! And I wasn't aware that margins (?) show up when highlighted.
Anyway, inserting this into stylesheet.css fixed the problem:
Code:#createAcctDefault select {
margin:0;
float:left;
text-align:left;
}
never mind, I figured it out. I was missing a few lines from the original CSS. Works like a charm now.
Hi Jade, Thanks for this fabulous template! I've had tons of fun customizing it to match my site and have learned alot.
The 2 questions I have for you are (www.fussybaby.ca/store)
1. How do I get rid of that little black 'Home' on the home tab?
2. How do I get rid of the shadow on the top left hand side of the 'NavMainSearch' box? The shadow appears to be gone on the right side, but I don't know if or how I did that :)
Thanks so much for all the help you provide...that's phenomenal!
Holly
1. That's not on the home tab, that's the breadcrumb link. I would suggest two things. Change the background color of #navBreadCrumb so it doesn't blend in with the drop down menu. OR, go to your admin, "tools", "layout settings", and either turn of the navBreadCrumb all together, or turn it off for the home page only.Quote:
Originally Posted by hollyck
2. Change this:
To this:Code:#headerWrapperb {
background:#8C5D29 url(../images/shadowRight.png) repeat-y 100% 0;
width:71em;
}
#headerWrapperc {
background:#8C5D29 url(../images/shadowLeft.png) repeat-y 0 0;
width:71em;
}
Code:#headerWrapperb {
background:#8C5D29;
width:71em;
}
#headerWrapperc {
background:#8C5D29;
width:71em;
}