Mystic River Template Support Thread

LOVE the template, Clyde and so far have managed to figure out how to do all the customizing I needed to do with one exception and the guy failed to post his solution.

I'm wondering if you have figured out how to center the logo once the "About Us and the Site Map" has been removed from the top.

I also discovered a bug in the template and it doesn't happen all the time. In IE8 and Firefox/3.0.11 (.NET CLR 3.5.30729), the entire site SLIPS down about half the monitor. Can't reproduce it in Opera or Safari.

I've uploaded screenshots of both IE8 and Firefox cause it doesn't happen all the time and the one from Opera shows what it shoulld look like all the time as of RIGHT this min. (Still working on the details).

Site is a test site but have my own VPS so I can put it online. You can see it here: http://www.gblcreations.com/zctest/

I am working on it to replace some things and upgrade other things on my live site. And I would rather break a test site than a live working site.

I hope you can help.

Liz

Well, I solved the problem of the centering by just making it a fixed width. Still prefer the other but only if you can solve the issue for me.

The glitch is still making me nuts cause it happens at the oddest times.

I have one other query. How do I get the categories or designers on my site to line back up in two columns like I have them on my live site. To see what I mean, go to https://www.gblcreations.com/store and look at the main page. You will see the list of categories under the Designer Call Banner (yes, I know it's not on my test site but I don't need it on my test site) They are in two columns. On the test site the categories are in one on the left.

And if you click on the Designers, on my live site, it goes to two columns. Test site, one column, left side.

My co-owner LOVES this template.

Liz

southernlady:

Well, I solved the problem of the centering by just making it a fixed width. Still prefer the other but only if you can solve the issue for me.

The glitch is still making me nuts cause it happens at the oddest times.

I have one other query. How do I get the categories or designers on my site to line back up in two columns like I have them on my live site. To see what I mean, go to https://www.gblcreations.com/store and look at the main page. You will see the list of categories under the Designer Call Banner (yes, I know it's not on my test site but I don't need it on my test site) They are in two columns. On the test site the categories are in one on the left.

And if you click on the Designers, on my live site, it goes to two columns. Test site, one column, left side.

My co-owner LOVES this template.

Liz

The glitch is because you are using IH2 and you'll need to make sure you have uploaded the following IH2 files/folders to

includes/templates/mystic/jscript/
includes/templates/mystic/popup_image_additional

second issue

admin -> configuration -> maximum valaues -> Categories To List Per Row (set this to 2)

Thank you for your reply. As frustrating as IH2 can be, not using it is worse. So I'll deal with it and fix the problem. Thanks for finding the glitch.

I just wish people would post their fixes instead of leaving people hanging.

If you ever find out how to center the header, would you post it? Liz

Okay, the column was already set to 2. Something is getting in the way. Liz

southernlady:

Thank you for your reply. As frustrating as IH2 can be, not using it is worse. So I'll deal with it and fix the problem. Thanks for finding the glitch.

I just wish people would post their fixes instead of leaving people hanging.

If you ever find out how to center the header, would you post it? Liz

There are several posts/threads about that jumping issue (most of them in the IH support thread and a few others scattered throught the forum)

This is what you have in your stylesheet.css

#logoWrapper{
margin: 0;
padding: 0;
background: url(../images/header_bg.jpg) repeat-x;
height:420px;
width:100%;
}

Try this notice I've taken out the repeat-x

#logoWrapper{
margin: 0 auto;
padding: 0;
background: url(../images/header_bg.jpg);
height:420px;
width:100%;
}

/*wrappers - page or section containers*/
#mainWrapper {
margin:0 auto;
background:#AD88AD;
color:#000;
text-align:left;
width:920px;
vertical-align:top;
}

#headerWrapper{
margin:0 0 5px;
padding:0;
}

#logoWrapper{
margin: 0 auto;
padding: 0;
background: url(../images/header_bg.jpg);
height:420px;
width:100%;
} 

If I go back and replace the 920px with what you had originally of 90%, my logo is off to the left and not to the center. I love the fact that this one was fluid and not fixed but I wanted to center this.

I KNOW how to center logos, I do it all the danged time on vb themes but zen cart has me buffalo'ed!

Somewhere I should be able to tell it to align="center" but I can't figure out where. I've even tried float: center and that didn't work.

Liz

southernlady:

/wrappers - page or section containers/
#mainWrapper {
margin:0 auto;
background:#AD88AD;
color:#000;
text-align:left;
width:920px;
vertical-align:top;
}

#headerWrapper{
margin:0 0 5px;
padding:0;
}

#logoWrapper{
margin: 0 auto;
padding: 0;
background: url(../images/header_bg.jpg);
height:420px;
width:100%;
}

> 
> If I go back and replace the 920px with what you had originally of 90%, my logo is off to the left and not to the center. I love the fact that this one was fluid and not fixed but I wanted to center this. 
> 
> I KNOW how to center logos, I do it all the danged time on vb themes but zen cart has me buffalo'ed!
> 
> Somewhere I should be able to tell it to align="center" but I can't figure out where. I've even tried float: center and that didn't work.
> 
> Liz

let me do a little work on this. I'll post back later

clydejones:

let me do a little work on this. I'll post back later

Try setting the #mainWrapper to 94%

#mainWrapper {
margin:0 auto;
background:#AD88AD;
color:#000;
text-align:left;
width:94%;
vertical-align:top;
}

Okay, I did and it's still aligned to the left. http://www.gblcreations.com/zctest/

:( Liz

southernlady:

Okay, I did and it's still aligned to the left. http://www.gblcreations.com/zctest/

:( Liz

What happens when you increment the width down

93.5%
93%
92.5%

It stays on the left side. I'm currently at 80% and it's still on the left side. Liz

southernlady:

It stays on the left side. I'm currently at 80% and it's still on the left side. Liz

try these settings in the stylesheet.css

#mainWrapper {
margin:0 auto;
background:#F8CCED;
color:#000;
text-align:left;
width:92%;
vertical-align:top;
}
/EOF Main Wrapper/
/BOF Header layout/
#headerWrapper{
margin:0 0 5px;
padding:0;
}
/BOF Branding/
#logoWrapper{
margin: 0;
padding: 0;
background: url(../images/header_bg.jpg) ;
height:70px;
position: relative;
}

Still not working.

I had to make two changes to the above code but it should not have made a difference.
One was the color of the background
background:#F8CCED; to background:#AD88AD;
The other was the HEIGHT of the header. Mine is 420 px not 70.

Liz

southernlady:

Still not working.

I had to make two changes to the above code but it should not have made a difference.
One was the color of the background
background:#F8CCED; to background:#AD88AD;
The other was the HEIGHT of the header. Mine is 420 px not 70.

Liz

here's a screenshot of what I'm viewing the header looks centered to me.

[Attachment no longer available]

I suspect your monitor settings have a lot to do with that.

Here is what I am seeing with a monitor resolution of 1440 x 900.

southernlady:

I suspect your monitor settings have a lot to do with that.

Here is what I am seeing with a monitor resolution of 1440 x 900.

How 'bout increasing the overall width of the image to 1307 x 400
instead of 920 x 400

Because unlike me, there are still about 35-40% of the computers out there using a monitor set at 1024 x 768 or lower. And I don't want to annoy that many people.

Yes, I know I really should code down to 800 but there are less than 5% using that size.

http://www.w3schools.com/browsers/browsers_display.asp

So I make my logo below the 1024px. I can make it wider than 920, I can go to almost 1024 and sstill be within the browser resolution of 95% of most browsers.

Liz

southernlady:

Because unlike me, there are still about 35-40% of the computers out there using a monitor set at 1024 x 768 or lower. And I don't want to annoy that many people.

Yes, I know I really should code down to 800 but there are less than 5% using that size.

http://www.w3schools.com/browsers/browsers_display.asp

So I make my logo below the 1024px. I can make it wider than 920, I can go to almost 1024 and sstill be within the browser resolution of 95% of most browsers.

Liz

Have you tried setting a max-width and/or min-width on the #logoWrapper

Yeah, tried that too. Increasing the size of the logo helped quite a bit.

And I found out what happened to the guy who said he fixed his earlier in this thread...he did a fixed width! I found his web site and read his css. That was his solution.

I KNOW there is a way. Probably something along the same lines as I have to do with the vb theme headers and that code looks like this (posted from my visible css)

<!-- logo -->
<a name="top"></a>
<table border="0" width="902" cellpadding="0" cellspacing="0" align="center">
<tr>
	<td align="left"><a href="index.php"><img src="images/Bluebells&Daffodils/misc/GraphicsByLiz_Bluebells&DaffodilsHeader.jpg
" border="0" alt="GBLCreations Forums" /></a></td>
	<td align="right" id="header_right_cell">
		
	</td>
</tr>
</table>
<!-- /logo -->

It's in a table all it's own, and the part that controls the images/Bluebells&Daffodils/misc/GraphicsByLiz_Bluebells&DaffodilsHeader.jpg is the align="center".

I've used a trick that also used the align="left" and the align="right" with the align="center.

And I write it to a css file. Like I said, vb is easy compared to Zen Cart.

Liz