Sophy Blue Template

What exactly are you trying to accomplish? I see you have your logo, and the correct "alt". :huh:

Ideasgirl,
I've got a store setup on my server to work on before it goes live. I have managed to tweak the template's css to suit my taste. The one problem I seem to be having is centering the logo. All of the other threads I've read about centering logos don't seem to effect this template. I was wondering if you had any specific information that might help me.

Thanks

Shelia

Hi Sheila,

I didn't change the header coding in any way, so it should work by the directions you will find around.

I know that it has 2 column cells and the right one is to display banners, so probably you will need to edit the header code to merge those 2 cells.

========

:(

NOTE: My working space was flooded because of a problem with our water pump. So please understand if I don't respond as quick as sometimes we want. I will appreciate if any of the great designers around can answer any of the questions posted if you know the answer and I haven't responded.

Thanks for your understanding.

Installed this on a new site. I have one issue that I can nt figure out how to fix. I have a gap on the right side between the content and the background. See here: http://www.debsscrapshack.com

Any ideas?

n8pbm:

See here: http://www.debsscrapshack.com

Any ideas?

Nothing to do with the template, but I strongly recommend that you start writing your url with capitalisation ...I think what you call it is DebsScrapShack.com but what leapt to my eye was debss crap shack! Memorable, but perhaps not in the way you'd like! :laugh:

Your right, that is no help. :-)

Actually it is not my website so I did not pick the name. But your point is well taken.

Now how do I fix the white space...

Now how do I fix the white space...

This white space is only showing up on FF for me. Now...did you change something on the CSS? Do you have the boxes and columns on admin set all to 175px?

The whitespace is caused because the centershop table has no width. Internet Explorer simply assumes it to be 100% and takes up all the width available for mainWrapper. Firefox only uses the space it needs to display the content it currently has. This is why if you go to Shipping & Returns - a page with content that spans the entire center column, the problem dispears.

It will probably disappear when the site is populated anyway, but it would nevertheless be good practice to add > .centershop {width: 100%}to your stylesheet. Better practice to make this an ID rather than a class. Best practice to drop the layout table altogether ... best not start me on this :no:

I got the space to disappear last night by playing with the image size in the header.php file. Not an ideal solution.

Kuroi, that makes sense and goes along with what I did with the image size. I will add your suggested stylesheet change. I am a complete newbie when it comes to this stylesheet. I saw the centershop ID in FF Developers tools but could not find it in the stylesheet. Now I know why.

Thanks

Thanks kuroi for the help. Good to know you solved the problem n8pbm. :thumbsup:

I am starting over from scratch and creating an all new catalog. I thought it would be nice to go with this template, however I wanted to make a few modifications.

I wanted to change the fix width of the shop to either 100% (fluid) or at least a fixed with of 800px. I modified the header image to be 800px and everything was fine until I clicked on "Advanced Search" which basically squished all the search page boxes into an unpleasant looking layout and created a white vertical line about 50px wide between the right side boxes and the page background. At 750 everything works fine. Any instructions on what all would need to be altered (besides the header image which I have in both sizes now) to make the transition smooth across the whole site?

I have the width set to 750 currently, so you can't see what I am talking about, but here's the link anyhow:

https://www.JeriSigns.com/store/

Okay, it's set back to 800px now...I figured out that it needed .CenterColumn {width: 100%;} but now the info on the Advanced search page is bleeding over into the right column. Any ideas? Thanks in advance!

Got it! Just changed .CenterColumn width from 100% to 95%. Sorry for all the posts, but in case anyone else wants to alter the width they may run into the same issues. :thumbsup:

Good to know...you site is looking good. :thumbsup:

If you want a custom background (instead of the ivory one), let me know by the email of the readme file.

Have fun!

I'm a VERY new Zenner and I've installed and activated the Sophy Blue template and LOVE it. However, I'm really struggling with a couple of things. My site is here.

1. I would like my logo image to be larger, but I can't seem to make the background image for the header any longer, so it looks funny when I make the logo larger. Is there a way to lengthen this ivory box with the fading blue border?

2. I want to make the text "MimKnits.com Online Store" in the header larger, but I've tried changing EVERY CSS and header php file I can find and I can't find where to change this. Am I missing something or is this not changable?

Any help would be appreciated.

Thanks,
Mim

1. I would like my logo image to be larger, but I can't seem to make the background image for the header any longer, so it looks funny when I make the logo larger. Is there a way to lengthen this ivory box with the fading blue border?
   To change the header background image, you have to edit the header.gif image in your template images folder. Then locate your header section on your css file and edit to the desired height:

.header {
  background-image: url(../images/header.gif);
  height: 125px;
  background-repeat: no-repeat;
  padding: 15px;
}

2. I want to make the text "MimKnits.com Online Store" in the header larger, but I've tried changing EVERY CSS and header php file I can find and I can't find where to change this. Am I missing something or is this not changable?
   To edit your tagline text, edit your css file:

#tagline {
  color:#000000;
  font-size: 10px;
  text-align : center;
  vertical-align: middle;
  }

There seems to be rendering problem in Firefox with the category links that are part of the header, below the image area.

In IE the gray box where the category links appear is expanded to show all lines. Then the bar with 'EZ Pages :: Privacy Notice :: etc" appears correctly below.

In Firefox the gray box where category links appear does not expand to show multiple lines. Seems to have a problem even if there is only one line of category links, too little space between it and the "EZ Pages " bar.

Any way to fix this?

I'd actually be happy to remove both that category link box and the link bar below it. Sorry, I'm a newbie to Zencart, any easy way to do that?

Thanks, and thanks very much for this excellent free template,

Herb

hsitz:

There seems to be rendering problem in Firefox . . .

In checking a little more, looks like the rendering problem exists in v. 1 of Firefox but not in v.1.5 .

I'd still like to get rid of the gray category box below header and the 'EZ Pages . . ." bar below it, if anyone can help me witht that .

Thanks,

Herb

The sound like the navCatTabs bar and the EZ-Pages Header bar respectively. They can be turned off via Admin > Configuration > Layout Settings and Admin > Configuration > EZ-Pages Settings

To edit your tagline text, edit your css file:

#tagline {
color:#000000;
font-size: 10px;
text-align : center;
vertical-align: middle;
}

Thanks Ideagirl, I got the header image changed, but I still can't get the text for my tagline to increase in size.  I changed it in the css file for the sophyblue template and in the template-defaults folder as well, but still no go.  Is there something I'm missing?