Comstock Template

[clydejones]

Gday
Have just installed CSS dropdown mod on comstock template.

It works fine in FF but when viewing in IE7 the dropdown menu doesn't display on top layer and displays behind description page.

http://901.com.au/index.php test site to see in action (View in IE 7)

Posted question in CSS mod forum which gave

***Answer***Have you tried giving the menu a higher z-index than the content?

I adjusted the z-index for the dropdown menu but am still having the same problem as seen here http://901.com.au/images/ie7page.jpg Where would i adjust the z-index for the content for comstock template to have it appear behind the dropdown menu ?

Try adding it to this declaration: (in stylesheet.css

.centerColumn {
padding: 0.8em 0.8em 40px 0.8em;
background: #fff;
font-size: 1.2em;


}

[cougar]

Try adding it to this declaration: (in stylesheet.css

.centerColumn {
padding: 0.8em 0.8em 40px 0.8em;
background: #fff;
font-size: 1.2em;


}

Cheers for the reply clyde

Have inserted z-index: 850; in the area you suggested as above,
in the stylesheet_header_menu.css (for dropdown menu) is z-index: 1025;
yet menu is still appearing behind the center area...Any other suggestions?

Thanks

[clydejones]

Cheers for the reply clyde

Have inserted z-index: 850; in the area you suggested as above,
in the stylesheet_header_menu.css (for dropdown menu) is z-index: 1025;
yet menu is still appearing behind the center area...Any other suggestions?

Thanks

This seems to be (as usual) an IE bug

For more information do a google search for z-index ie

You can try this to see if it helps. add the highlighted portion.
.centerColumn {
padding: 0.8em 0.8em 40px 0.8em;
background: #fff;
font-size: 1.2em;
z-index:800;
position:relative;
}

[cougar]

This seems to be (as usual) an IE bug

For more information do a google search for z-index ie

You can try this to see if it helps. add the highlighted portion.
.centerColumn {
padding: 0.8em 0.8em 40px 0.8em;
background: #fff;
font-size: 1.2em;
z-index:800;
position:relative;
}

Thanks clydejones

the position:relative; didn't seem to make any difference,
i have noticed it works correctly on beta version IE 8 so perhaps they have fixed this IE bug in the latest version.

Until then...if everything i have read with my limited understanding is this error occurs because the menu is called to be displayed before the main content.
This causes the main content to display over the top regardless of z-index.
Would it be possible to move the callup of main index (or dropdown menu)?
if so which files would i need to fiddle around with to test or would it be like opening a can of worms and best leaving it alone.

Cheers
Cougar

[clydejones]

Thanks clydejones

the position:relative; didn't seem to make any difference,
i have noticed it works correctly on beta version IE 8 so perhaps they have fixed this IE bug in the latest version.

Until then...if everything i have read with my limited understanding is this error occurs because the menu is called to be displayed before the main content.
This causes the main content to display over the top regardless of z-index.
Would it be possible to move the callup of main index (or dropdown menu)?
if so which files would i need to fiddle around with to test or would it be like opening a can of worms and best leaving it alone.

Cheers
Cougar

Try this to give you a small amount of space between the menu and the main content area.

add the highlighted portion to the following declaration in
includes/templates/comstock/css/stylesheet.css

#mainWrapper {
margin: 0 auto;
margin-top:5px;
padding: 0;
background: #fff;
border: 1px solid #000;

text-align: left;
width: 90%;
vertical-align: top;
}

[EDN-inc]

I know this is a major forum faux pas, but this thread is WAY too long to read for my 2 issues. So, please forgive me!

I've just installed the comstock template pckg into my cart on a test server (a friend's server, she allowed me to host my stuff there until I get this up and running) and it appears that the center box looks as if it's just slapped on top of the red/black header bar that goes across. I thought it was my browser, so I used a different one to check it out, but that's not the issue. (I used Firefox and Safari.) I'm not sure why it's showing up this way, am I alone in this? If you want to see what I'm talking about you can look at it here. I'm still editing everything but that is just driving me nuts, esp. since it's not what it's supposed to look like, based on the other images I've seen of comstock!

The second issue, I cannot for the life of me get rid of the "Welcome to Vacuum Warehouse" thing I put in there before I uploaded comstock. And I don't know how to get rid of it! Help!

[EDN-inc]

Oops, I lied, I have other issues that have come up in the oh, 30 minutes since i posted ^ that.

In the Contact Us section, our store address is showing up at the top here. It's not in the define pages editor and I think it's specific to this template, since I didn't have this issue before I uploaded it.

Also, the same address is on the bottom left of every page. Where can I edit that out, and maybe rebalance that with some of what's on the right by movign that to the left?

[clydejones]

I know this is a major forum faux pas, but this thread is WAY too long to read for my 2 issues. So, please forgive me!

I've just installed the comstock template pckg into my cart on a test server (a friend's server, she allowed me to host my stuff there until I get this up and running) and it appears that the center box looks as if it's just slapped on top of the red/black header bar that goes across. I thought it was my browser, so I used a different one to check it out, but that's not the issue. (I used Firefox and Safari.) I'm not sure why it's showing up this way, am I alone in this? If you want to see what I'm talking about you can look at it here. I'm still editing everything but that is just driving me nuts, esp. since it's not what it's supposed to look like, based on the other images I've seen of comstock!

The second issue, I cannot for the life of me get rid of the "Welcome to Vacuum Warehouse" thing I put in there before I uploaded comstock. And I don't know how to get rid of it! Help!

1st - turn on the EZ-Pages header: admin -> configuration -> EZ-Pages Settings -> EZ-Pages Display Status - HeaderBar (set to 1)

2nd - open includes/languages/english/comstock/index.php

find and edit the following lines of code indicated by the highlight

  define('HEADING_TITLE', 'Welcome to ' .STORE_NAME); /*Replace this line with the headline you would like for your shop. For example: Welcome to My SHOP!*/
} elseif ($category_depth == 'nested') {
  // this will also be used on Top Level
  define('HEADING_TITLE', 'Welcome to ' .STORE_NAME); /*Replace this line with the headline you would like for your shop. For example: Welcome to My SHOP!*/
}

Oops, I lied, I have other issues that have come up in the oh, 30 minutes since i posted ^ that.

In the Contact Us section, our store address is showing up at the top here. It's not in the define pages editor and I think it's specific to this template, since I didn't have this issue before I uploaded it.

Also, the same address is on the bottom left of every page. Where can I edit that out, and maybe rebalance that with some of what's on the right by movign that to the left?

1st - no its not template specific: go to admin -> configuration -> e-mail options -> Contact Us - Show Store Name and Address (set to 0)

2nd - open includes/templates/comstock/common/footer.php

find the following section of code indicated by the highlight and edit/change it to suit you.

<div id="shopinfoBox">
<address><?php echo nl2br(STORE_NAME_ADDRESS); ?></address>
</div>

[EDN-inc]

Thank you! I will try that first thing tomorrow morning, I have only come online to ask one last question as I'm ready to pass out:

My descriptions need bullets, but for some reason, even when I use the HTMLarea editor with each products, the bullets won't show up. Neither would ® symbol either, I had to use another site's uploaded IMG of it. Can this be fixed?

Thank you, good night, I will report back how the above things worked out!

[clydejones]

Thank you! I will try that first thing tomorrow morning, I have only come online to ask one last question as I'm ready to pass out:

My descriptions need bullets, but for some reason, even when I use the HTMLarea editor with each products, the bullets won't show up. Neither would ® symbol either, I had to use another site's uploaded IMG of it. Can this be fixed?

Thank you, good night, I will report back how the above things worked out!

1st - open includes/templates/comstock/css/stylesheet.css

find the following declaration and make the change indicated by the highlight.

#productDescription ul li {
margin-right:2px;
padding:2px 0 2px 17px;
color: #000;
list-style: none;/*you can change this to any of the following - disc, circle, square*/
font-size: 1.1em;
}

2nd - You should be able to use the following (highlighted portion) for the ® symbol instead of pulling a graphic from another site

Micro Sweep® System

OR

Micro Sweep® System