Apple Zen Support Thread

Quote:

---

Originally Posted by kot1978

Hello.

I am having difficulty with W3C CSS Validator results.
Please help with this:

W3C CSS Validator results for http://example.com/ (CSS level 2.1)
Sorry! We found the following errors (5)

URI : http://example.com/includes/template...stylesheet.css
281 * html #centerColumnWrapper2b, * Parse Error *html #centerColumnOuter{ border:1px solid #999999; border-top:none; }
285 * html #centerColumnWrapper2b, * Parse error - Unrecognized *html #centerColumnOuter { border-bottom:none; }

URI : http://example.com/includes/template...eader_menu.css
2 body Property behavior doesn't exist : url(includes/csshover.htc)
41 div#dropMenu li Parse Error *width:16.649%;
42 div#dropMenu li Parse error - Unrecognized }

---

You can ignore those, the template has special "hacks" in the css to make it cross browser compatible. This template is not designed to validate with the css, and my test site does the same exact thing. No worries.

Quote:

---

Originally Posted by jettrue

This section from the readme can help you:

** STEP 5. To use your own logo, simply overwrite "logo.gif" that is located in includes/templates/apple_zen/images/ and upload. You can create an image that is larger than it is designed to be viewed, so that when someone increases their font size, the image will enlarge also. If your logo is a lot wider or narrower than the one I designed, you may need to adjust this section in the stylesheet (includes/templates/apple_zen/stylesheet.css):

#logo {

width:19.1em

}

To keep your logo from resizing, remove

#logo img {

width:100%;

}

---

Now I have the image reletively the size that I would like at 30embut now the problem is that it looks fairly distorted. If you right click on the image and view it it is nice and clear. What am I doing wrong. The website is decaldreams.com I also have tried to put in 50.7em which should be the same size of the graphic itself but it is still not clear in that size.

Quote:

---

Originally Posted by alillowr

Now I have the image reletively the size that I would like at 30embut now the problem is that it looks fairly distorted. If you right click on the image and view it it is nice and clear. What am I doing wrong. The website is decaldreams.com I also have tried to put in 50.7em which should be the same size of the graphic itself but it is still not clear in that size.

---

Yes, it will look distorted in IE, this can't be fixed. But you can instead save the image the size you want it to be, and remove both these:

#logo {
width:30em; /* To prevent the logo from resizing, simply delete or comment out this section */
}

#logo img {
width:100%;
}

Quote:

---

Originally Posted by jettrue

Yes, it will look distorted in IE, this can't be fixed. But you can instead save the image the size you want it to be, and remove both these:

#logo {
width:30em; /* To prevent the logo from resizing, simply delete or comment out this section */
}

#logo img {
width:100%;
}

---

So I commented out the section, resized the image to what I think I would like and I open up firefox and alright it looks good. Now when I open up IE it looks all blown up and just not right. What should be my next step? This is a lot more difficult than I thought it would be. :huh:

Quote:

---

Originally Posted by alillowr

So I commented out the section, resized the image to what I think I would like and I open up firefox and alright it looks good. Now when I open up IE it looks all blown up and just not right. What should be my next step? This is a lot more difficult than I thought it would be. :huh:

---

It's an issue in the way you commented that section out... just DELETE it from the stylesheet.

Quote:

---

Originally Posted by jettrue

It's an issue in the way you commented that section out... just DELETE it from the stylesheet.

---

I had found a way to solve my problem for my logo issue.

After deleting the section that was mentioned the problem did not change for me, so what I ended up doing was made the changes in header.php to the exact pixle size and all is well now.
:D

Now off to do a search on how to change the highlight color of the drop down menu when you mouse over it. Wish me luck.

"search box" dissappered from #navMainWrapper
WHAT DID I DO WRONG?
did in turn it off in ZEN-ADMIN menu by mistake???
Help.Thankx:lamo:

Quote:

---

Originally Posted by kot1978

"search box" dissappered from #navMainWrapper
WHAT DID I DO WRONG?
did in turn it off in ZEN-ADMIN menu by mistake???
Help.Thankx:lamo:

---

fixed. Answer for other users reading this: check in Admin Layout settings.

general question.


My store is set up by default to http://expample.com (when a user types in www.example.com - the page loads and displays "http://example.com", loosing "www.")
if i want to change it to http://www.example.com, where in config do i add "www."

thanx

Quote:

---

Originally Posted by kot1978

general question.


My store is set up by default to http://expample.com (when a user types in www.example.com - the page loads and displays "http://example.com", loosing "www.")
if i want to change it to http://www.example.com, where in config do i add "www."

thanx

---

Check your .htaccess file in the root of your site:

Code:

---

## Add these to your .htaccess file so that only one way to your site exists, either http://yoursite.com and http://www.yoursite.com ... the following adds the www if it's missing:


RewriteEngine On
RewriteCond %{HTTP_HOST} ^yoursite.com$ [NC]
RewriteRule ^(.*)$ http://www.yoursite.com/$1 [R=301,L]

## If you'd like your site to go to http://mysite.com instead of http://www.mysite.com, add these changes instead:

##RewriteEngine On
##RewriteCond %{HTTP_HOST} ^www.yoursite.com$ [NC]
##RewriteRule ^(.*)$ http://yoursite.com/$1 [R=301,L]

## the following makes sure the correct mime type is sent for the .htc file

AddType text/x-component .htc

---

Then once you have that fixed, check both admin/includes/configure.php and includes/configure.php and make sure you have the www entered.