Apple Zen Support Thread

Quote:

---

Originally Posted by hrm

Thanks. That fixed it.

Maybe you could help with another header tweak. I'd really like for the logo to start at the top of the page. Right now, it starts below the navMain div. How can I get them to align evenly? This is another thing I've played with for a while. I've messed with the stylesheet and rearranged the tpl with no luck, so far.

---

You'll need to rearrange the <divs> in tpl_header.php for that.

Code:

---

<div id ="headerWrapper"> (holds all of the header)
    <div id="logoWrapperOuter"> (holds logo and search form)
      <div id="logoWrapper"> (also holds logo and search form)
          <div id="logo">
              LOGO CODE HERE
          </div> <!-- close #logo-->
          <div id="navMainSearch">
              SEARCH CODE HERE
          </div> <!-- close #navMainSearch-->
      </div> <!-- close #logoWrapper -->
    </div> <!-- close #logoWrapperOuter -->
    <div id="navMainWrapper"> (hold home link and login form)
        <div id="navMain"> (holds home link)
            <div id="navMainLinks"> (holds home link)
                HOME LINK CODE HERE
            </div> <!-- close #navMainLinks -->
        </div> <!-- close #navMain -->
        <div class="navMainLogin"> (holds login form)
                LOGIN FORM CODE HERE
        </div> <!-- close .navMainLogin -->
    </div> <!-- close #navMainWrapper -->
</div> <!-- close #headerWrapper -->

---

Then use the attached stylesheet (i modified your stylesheet on your site)

Thank you so much. That did the job.

Now, just two more things:

1) I've got bannerTwo turned on now and I'm trying to figure out how to align it below the login div.

2) I can't seem to get the header all to have a white background. Could I possibly have messed up the div structure when I attempted the changes you suggested earlier? They all seem to me to be nested and closed properly, but maybe I'm missing something.

I hope these two are just simple CSS issues.

Quote:

---

Originally Posted by hrm

Thank you so much. That did the job.

Now, just two more things:

1) I've got bannerTwo turned on now and I'm trying to figure out how to align it below the login div.

2) I can't seem to get the header all to have a white background. Could I possibly have messed up the div structure when I attempted the changes you suggested earlier? They all seem to me to be nested and closed properly, but maybe I'm missing something.

I hope these two are just simple CSS issues.

---

1)It looks like its already below the login div?

2) try changing the #tagline section in the css to this:

#tagline {
background: #ffffff;
}

Quote:

---

Originally Posted by hrm

Thank you so much. That did the job.

Now, just two more things:

1) I've got bannerTwo turned on now and I'm trying to figure out how to align it below the login div.

2) I can't seem to get the header all to have a white background. Could I possibly have messed up the div structure when I attempted the changes you suggested earlier? They all seem to me to be nested and closed properly, but maybe I'm missing something.

I hope these two are just simple CSS issues.

---

I see you're getting close. :smile: Now you just need to change #taglineWrapper to this (change margin-top to padding-top):

#taglineWrapper {
float: right;
width: 35em;
margin:0 auto;
padding-top: 50px;
background: #ffffff;
}

:clap:I was able to fix the header thanks to your help and a couple of extra teaks to the tpl_header and stylesheet.

I appreciate all your help. Have a great day!

My attribute text only has 1 word per line? I believe this is fixed in .css but I don't know where. I am using the latest verision of Apple Zen and Zen Cart.
Any ideas?

Quote:

---

Originally Posted by helpme

My attribute text only has 1 word per line? I believe this is fixed in .css but I don't know where. I am using the latest verision of Apple Zen and Zen Cart.
Any ideas?

---

One issue, is that your product page has been heavily edited, and this part is commented incorrectly:

<!--bof Product details list --
<ul id="productDetailsList" class="floatingBox back">

<li>Shipping Weight: 0.8lbs</li>
<li>30 Units in Stock</li>

<li>Manufactured by: Prenatal Cradle</li>
<!-- -->

</ul>

You've also got lots of extra divs added around that section, and a lot going on that is not stock zen divs, so I'm not sure what they're doing there, but that's whats causing your issue.

To fix this, you could fix the above <ul> issue, and then you could give the productAttributes div a width:

#productAttributes {width:500px;}

Once again, you got it right!!:clap: You know your stuff!!! Thanks!!

Hey Jade... I am back!! lol... I was really trying to avoid bothering you again but I just couldnt figure this out.

http://www.pavs.biz/showcase/ in firefox it shows up perfect but in IE the shopping cart button is going down to second line ( I added an extra button )

Same thing happens at www.zhong-tu.com/products, which is almost copy of pavs.biz template.

Any clues? or in this case, any one line answers which will make me look dumb? lol

Thanks again for the help!

Nrupesh

Quote:

---

Originally Posted by nrupesh

Hey Jade... I am back!! lol... I was really trying to avoid bothering you again but I just couldnt figure this out.

http://www.pavs.biz/showcase/ in firefox it shows up perfect but in IE the shopping cart button is going down to second line ( I added an extra button )

Same thing happens at www.zhong-tu.com/products, which is almost copy of pavs.biz template.

Any clues? or in this case, any one line answers which will make me look dumb? lol

Thanks again for the help!

Nrupesh

---

Here's a clue...

Try rounding down some on your width:14.286%;

I think its too exact. :cool: