Winchester Black Responsive Template

Quote:

---

Originally Posted by picaflor-azul

Scratch this. I just noticed a mistake in the file. To fix the problem you just need to remove this line in the /* ----------- iPads (portrait) ----------- */ section:

Code:

---

#menu{float:none;margin-top:-30px;width:50%;}

---

Thanks,

Anne

---

Fantastic! That's got it. Thanks so much Anne!

Quote:

---

Originally Posted by OLCS

Fantastic! That's got it. Thanks so much Anne!

---

Thank you for testing ;)

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

Another small fix for safari mobile. Add this to both the landscape and portrait sections of the responsive_tablet.css file:

Code:

---

.safari input [type=submit], input[type=submit]{ -webkit-appearance: none;-webkit-border-radius: 0;}

---

Thanks,

Anne

---

Fantastic, you've fixed the search button too!

Thanks Anne :)

hi, i love the look of this template, nice and dark. i would only give you a bit of feedback regarding the text colour. I noticed that it seems a bit too dark in the product detail page, that bit that can make reading hard for blinds like me :D :D :D

I would actually go for something much brighter than the menu for the description and the headers (description, details, reviews, categories, price, product name, etc) so highlighting it amongst the page. In marketing there is risk a potential buyer get distracted by brighter line of text on the page, and on this page there are already the categories, and the cross selling link below.

just my personal opinion, i'm able to mod a few lines of code to make it happen anyway. here is a moke up on how i would see it.

http://i58.tinypic.com/157p3eu.png

thanks for your time

Quote:

---

Originally Posted by satello

hi, i love the look of this template, nice and dark. i would only give you a bit of feedback regarding the text colour. I noticed that it seems a bit too dark in the product detail page, that bit that can make reading hard for blinds like me :D :D :D

I would actually go for something much brighter than the menu for the description and the headers (description, details, reviews, categories, price, product name, etc) so highlighting it amongst the page. In marketing there is risk a potential buyer get distracted by brighter line of text on the page, and on this page there are already the categories, and the cross selling link below.

just my personal opinion, i'm able to mod a few lines of code to make it happen anyway. here is a moke up on how i would see it.

http://i58.tinypic.com/157p3eu.png

thanks for your time

---

This is true, I have noticed a few other places as well where the text could be lightened. I will include these in a future update.

You can change in stylesheet_responsive_tabs.css:

Code:

---

.resp-tabs-list li {
    font-weight: normal;
    font-size: 140%;
    text-transform:uppercase;
    display: inline-block;
    padding: 13px 15px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left;
    color: #444;
}

---

to:

Code:

---

.resp-tabs-list li {
    font-weight: normal;
    font-size: 140%;
    text-transform:uppercase;
    display: inline-block;
    padding: 13px 15px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left;
    color: #a0a0a0;
}

---

and change this in stylesheet.css:

Code:

---

.pi-reviews, #productDetailsList, #productDescription {
line-height: 22px;
color: #444;
}

---

to this:

Code:

---

.pi-reviews, #productDetailsList, #productDescription {
line-height: 22px;
color: #a0a0a0;
}

---

also in stylesheet.css change this:

Code:

---

h2 {
text-transform: uppercase;
font-weight: normal;
color: #444;
font-size: 140%;
font-weight: normal;
}

---

to this:

Code:

---

h2 {
text-transform: uppercase;
font-weight: normal;
color: #a0a0a0;
font-size: 140%;
font-weight: normal;
}

---

also in stylesheet.css change this:

Code:

---

#productName {
font-weight: normal;
font-size: 160%;
color: #444;
margin-top: 0px;
margin-bottom: 30px;
}

---

to this:

Code:

---

#productName {
font-weight: normal;
font-size: 160%;
color: #a0a0a0;
margin-top: 0px;
margin-bottom: 30px;
}

---

also in stylesheet.css change this:

Code:

---

h3.leftBoxHeading, h3.rightBoxHeading {
color: #444;
font-weight: normal;
font-size: 150%;
}

---

to this:

Code:

---

h3.leftBoxHeading, h3.rightBoxHeading {
color: #a0a0a0;
font-weight: normal;
font-size: 150%;
}

---

Thanks,

Anne

Love you Anne :clap: :clap: :clap: :clap: :clap: :clap:

Hello Anne,

The main page wide slide show banner plugin (zen colorbox-slideshow speed) appears to have a bug in that I cannot slow down the scroll speed which by default is 2500 Milliseconds.

I've changed this to 20 seconds so 20000 Milliseconds and it doesnt appear to make any difference. I've also changed this to multiple values, nothing seems work?

What is also odd is the slideshow seems to be disabled by default which is strange as it's scrolling.

Attachment 15012

Also would you please be able to confirm where is go to change the uppercasing of the content item description as shown in the screenshot attachment to normal casing?

One other issue is the "enter search keywords here" is extremely small to read in the top right search bar.

kind regards

Nathan

Attachment 15011

Quote:

---

Originally Posted by himmon

Hello Anne,

The main page wide slide show banner plugin (zen colorbox-slideshow speed) appears to have a bug in that I cannot slow down the scroll speed which by default is 2500 Milliseconds.

I've changed this to 20 seconds so 20000 Milliseconds and it doesnt appear to make any difference. I've also changed this to multiple values, nothing seems work?

What is also odd is the slideshow seems to be disabled by default which is strange as it's scrolling.

Attachment 15012

Also would you please be able to confirm where is go to change the uppercasing of the content item description as shown in the screenshot attachment to normal casing?

One other issue is the "enter search keywords here" is extremely small to read in the top right search bar.

kind regards

Nathan

Attachment 15011

---

The main page slide show is not using zen colorbox. This is flexsldier. You can see the readme.html file for a link to the authors site and instructions on how to adjust the speed.

I am not sure what you mean by "the content item description" but any text-transform:uppercase; will be in the stylesheets.

Thanks,

Anne

Quote:

---

Originally Posted by picaflor-azul

The main page slide show is not using zen colorbox. This is flexsldier. You can see the readme.html file for a link to the authors site and instructions on how to adjust the speed.

I am not sure what you mean by "the content item description" but any text-transform:uppercase; will be in the stylesheets.

Thanks,

Anne

---

Ah okay thank you, will take a look in the readme.

RE: "the content item description" Sorry, my mistake. Category Item description, the description Txt under the flower image in the attachment that's all in CAPITALS, would like to change it to normal case.

I'll take a look in the stylesheets as you mentioned.

Thanks,

Nathan

Quote:

---

Originally Posted by picaflor-azul

The main page slide show is not using zen colorbox. This is flexsldier. You can see the readme.html file for a link to the authors site and instructions on how to adjust the speed.

I am not sure what you mean by "the content item description" but any text-transform:uppercase; will be in the stylesheets.

Thanks,

Anne

---

Hi Anne, you should probably adjust your documentation or the slide show image as your stock scrolling image say's "Manage Slide Show Via The Admin" which doesnt look to be the case as you mentioned I have to effectively edit, configure the flexslider jscript 2.1 unless I'm mistaken.

A slider that can be configured fully from admin would personally be much more convenient and preferable than having to ftp and modify a file with changes, especially to a basic simple user as myself and many others trying zen cart and your superb template for the first time.

ThanksAttachment 15018